+
+ );
+}
diff --git a/src/components/ArchitectHero.tsx b/src/components/ArchitectHero.tsx
new file mode 100644
index 00000000..e71c03e7
--- /dev/null
+++ b/src/components/ArchitectHero.tsx
@@ -0,0 +1,99 @@
+import React, { useEffect, useState } from "react";
+
+interface HeroProps {
+ search: string;
+ setSearch: (value: string) => void;
+ handleRegisterClick: () => void;
+ isAlreadyRegistered: boolean;
+ message: string;
+}
+
+const HeroSectionArchitect: React.FC
+
+
+ {/* Success Popup Modal */}
+ {showPopup && (
+ + Book Arcthitect Services +
+ + + +
+
+ )}
+
+
+
+ + 🎉 Thank You! +
++ Your application has been submitted successfully. + + We’ll contact you soon! + +
+
+ {images.map((img, i) => (
+
+
+ {/* Dark Overlay */}
+
+
+ {/* Hero Content */}
+
+ 
+
+ ))}
+
+
+ Hire Expert Architects
+
+
+
+
+ Hire Expert Architects
+
For Your Dream Project
+
+
+ + Connect with skilled and verified architects for interior design, + renovation, planning and modern construction solutions. +
+ +
+
+
+
+ {message && (
+ + {message} +
+ )} ++ Our Best Architects +
++ Explore profiles of talented architects ready to design your dream space. +
+
+
+ ) : filteredArchitects.length === 0 ? (
+ No architects found.
+ ) : ( +
+ {filteredArchitects.map((arch) => (
+
+ )}
+
+ 
+
+ ))}
+
+
+
+
+
+
+ + {arch.name} +
++ {arch.specialization || "Specialization not specified"} +
++ {arch.description || + "Expert in architectural design and planning."} +
++ Find Trusted Real Estate Developers +
+
+ setSearch(e.target.value)}
+ className="w-full pl-4 pr-4 py-3 border border-blue-400 rounded-xl text-lg"
+ />
+
+
+ {/* Grid */}
+
+
+ ) : filteredDevelopers.length === 0 ? (
+ No developers found.
+ ) : ( +
+ {filteredDevelopers.map((dev) => (
+
+ )}
+
+ 
+
+
+ ))}
+
+
+ + {dev.name} +
+ ++ {dev.specialization || "Specialization not provided"} +
+ ++ {dev.description || "No description available"} +
+ + +
+ {/* Background animated elements - adjusted for light theme */}
+
+ );
+}
+
+export default BmodelDeveloper;
\ No newline at end of file
diff --git a/src/components/ContractorForm.tsx b/src/components/ContractorForm.tsx
new file mode 100644
index 00000000..96cd20cc
--- /dev/null
+++ b/src/components/ContractorForm.tsx
@@ -0,0 +1,170 @@
+import React, { useState } from "react";
+import { supabase } from "@/integrations/supabase/client";
+
+interface ContractorFormProps {
+ onSuccess: () => void;
+}
+
+const ContractorForm: React.FC
+
+
+
+
+
+ {/* Geometric patterns */}
+
+
+
+
+
+
+
+
+
+
+ + GoBuild Best Developer +
++ We connect developers, contractors, investors, and clients through a unified digital ecosystem. +
+
+ {/* Main container with aspect ratio */}
+
+
+
+ {/* Central Logo/Platform Circle */}
+
+
+
+
+ {/* Connecting Lines with Pulse Animation */}
+ {stakeholders.map((stakeholder, index) => (
+
+ {/* Outer energy rings */}
+
+
+
+ {/* Hover glow effect for center */}
+
+
+ {/* Multiple rotating rings */}
+
+
+
+ {/* Inner circle with glass effect */}
+
+
+
+
+ {/* Orbiting dots - hide on mobile */}
+
+
+
+
+ D
+ Developer
+
+
+ ))}
+
+ {/* Stakeholder Circles */}
+ {stakeholders.map((stakeholder, index) => (
+
+
+ {/* Base line with gradient */}
+
+
+ {/* Energy pulse effects */}
+
+
+
+ {/* Sparkle effects */}
+
+
+
+ {/* Outer glow ring */}
+
+
+ {/* Animated border ring */}
+
+
+ {/* Glass morphism circle */}
+
+
+ ))}
+
+ {/* Artistic decorative elements */}
+
+
+ {/* Icon */}
+
+
+ {stakeholder.icon}
+
+
+ {/* Text */}
+
+
+
+ {stakeholder.name}
+
+
+
+
+ {/* Construction crane silhouette */}
+
+
+
+
+
+
+
+
+
+ {/* Building blocks pattern */}
+
+
+
+ {/* Network nodes */}
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 28266195..5f977921 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -37,19 +37,34 @@ const Footer: React.FC = () => {
+
+
+ {showPopup && (
+ + Book Developer Consultation +
+ + + +
+
+ )}
+
+
+
+ Request Submitted!
++ Your inquiry has been received. + We will contact you soon! +
+{t('footer.tagline')}
+ {/* Play Store Badge */} + +.png)
+
+
@@ -101,15 +116,24 @@ const Footer: React.FC = () => {
-
-
+
+
admin@gobuild.in
@@ -121,8 +145,11 @@ const Footer: React.FC = () => {
+
+ +91 8899310111
+
+
+ +91 7051514790
+
+
+ +91 9596133638
+
+
admin@gobuild.in
Privacy Policy
- Terms of Service
+ Terms & Conditions
Cookies
+ Refund & Cancellation
+ Services & Pricing
+
diff --git a/src/components/GoBuildDownloadApp.tsx b/src/components/GoBuildDownloadApp.tsx
new file mode 100644
index 00000000..b9cc0fca
--- /dev/null
+++ b/src/components/GoBuildDownloadApp.tsx
@@ -0,0 +1,130 @@
+import { motion } from "framer-motion";
+
+export default function GoBuildDownloadApp() {
+ return (
+
+
+ {/* LEFT — Phone + Floating Cards */}
+
+ {/* Glow */}
+
+
+ {/* Floating Phone */}
+
+ 
+
+ {/* Invisible Button Overlay */}
+
+
+
+ {/* Floating Card 1 — SMALLER */}
+
+
+
+
+ {/* Floating Card 2 */}
+
+
+
+
+ {/* RIGHT — Text & CTA */}
+
+
+
+ {/* Invisible Button Overlay */}
+
+ Upcoming Service
+Electrician arriving in 20 mins
+ +
+
+
+ Completed Task
+Plumber Service Completed
+
+
+
+
+
+
+ + Download the GoBuild App +
+ + ++ Find trusted professionals, book services instantly, track progress, + and manage everything from your phone. +
+ + {/* Testimonial */} ++ "Found a verified electrician in minutes! Progress tracking is a game-changer." +
+ ++ - A Happy User +
+ +
+
+
+ .png)
+
+
+
+ - {t('hero.t1')}{" "} - - {t('hero.title')} - {" "} - {t('hero.t2')} + + {t('hero.t1')}{' '} + + {t('hero.title1')} + + + + + {displayText} + | + + + + {t('hero.t2')} +
{t('hero.subtitle')} @@ -72,13 +117,14 @@ const Hero: React.FC = () => {
+ className="w-full h-[400px]"
+ src="https://www.youtube.com/embed/A4FD7Sy8z7o?rel=0"
+ title="YouTube video"
+ frameBorder="0"
+ allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+ allowFullScreen
+ >
+
diff --git a/src/components/HeroForm.tsx b/src/components/HeroForm.tsx
index d2fd7b2c..2064eb59 100644
--- a/src/components/HeroForm.tsx
+++ b/src/components/HeroForm.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react'; // 👈 useEffect is now imported
import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
import { Calendar } from '@/components/ui/calendar';
@@ -11,303 +11,425 @@ import { format } from 'date-fns';
import { useToast } from '@/hooks/use-toast';
import { supabase } from '@/integrations/supabase/client';
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from '@/components/ui/dialog';
+import { useAuth } from '@/contexts/AuthContext';
const HeroForm: React.FC = () => {
-const [startDate, setStartDate] = useState();
-const [location, setLocation] = useState('');
-const [showSuggestions, setShowSuggestions] = useState(false);
-const [phoneNumber, setPhoneNumber] = useState('');
-const [serviceType, setServiceType] = useState('');
-const [referralCode, setReferralCode] = useState('');
-const [hdfu, setHdfu] = useState('');
-const [mapCenter, setMapCenter] = useState({ lat: 32.7266, lng: 74.8570 });
-const [showSuccessDialog, setShowSuccessDialog] = useState(false);
-const { toast } = useToast();
-const [dateOpen, setDateOpen] = useState(false);
-const [isSubmitting, setIsSubmitting] = useState(false);
-
-const locationList = [
- 'Katra, Jammu',
- 'Janipur, Jammu',
- 'Satwari Chowk, Jammu',
- 'Gandhinagar, Jammu',
- 'Gangyal Industrial Area, Jammu',
- 'Bahu Plaza, Jammu',
- 'Residency Road, Jammu',
- 'Bari Brahmana, Jammu',
- 'Sainik Colony, Jammu',
- 'Trikuta Nagar, jammu',
- 'Bhagwati Nagar, jammu',
- 'Shastri Nagar, jammu',
- 'Rehari, jammu',
- 'Talab Tillo, jammu',
- 'Muthi, jammu',
- 'Channi Himmat, jammu',
-];
-
-const locationCoords: any = {
- 'katra, jammu': { lat: 32.9917, lng: 74.9319 },
- 'Janipur, jammu': { lat: 32.7496, lng: 74.8373 },
- 'satwari chowk, jammu': { lat: 32.6923199, lng: 74.8462223 },
- 'gandhinagar, jammu': { lat: 32.7043905, lng: 74.8518208 },
- 'gangyal industrial area, jammu': { lat: 32.6722807, lng: 74.866613 },
- 'bahu plaza, jammu': { lat: 32.7038042, lng: 74.8698721 },
- 'residency Road, jammu': { lat: 32.7293127, lng: 74.8654757 },
- 'bari brahmana, jammu': { lat: 32.636539, lng: 74.9038354 },
- 'sainik colony, jammu': { lat: 32.6738936, lng: 74.8723597 },
- 'trikuta nagar, jammu': { lat: 32.6927306, lng: 74.8565729 },
- 'bhagwati nagar, jammu': { lat: 32.7277661, lng: 74.826981 },
- 'shastri nagar, jammu': { lat: 32.6931782, lng: 74.8514339 },
- 'rehari, jammu': { lat: 32.7478515, lng: 74.8463835 },
- 'talab tillo, jammu': { lat: 32.724354, lng: 74.8406902 },
- 'muthi, jammu': { lat: 32.7585189, lng: 74.8114887 },
- 'channi himmat, jammu': { lat: 32.6934058, lng: 74.873381 },
-};
-
-const handleLocationSelect = (value: string) => {
- setLocation(value);
- setShowSuggestions(false);
-
- const key = value.toLowerCase();
- if (locationCoords[key]) {
- setMapCenter(locationCoords[key]);
- }
-};
-
-
-const filteredLocations = locationList.filter((loc) =>
- loc.toLowerCase().includes(location.toLowerCase())
-);
-
-const handleSubmit = async () => {
- if (!startDate || !location || !phoneNumber || !serviceType) {
- toast({
- title: "Error",
- description: "Please fill in all fields",
- variant: "destructive",
- });
- return;
- }
-
- // Prevent multiple submissions
- if (isSubmitting) return;
-
- setIsSubmitting(true);
-
- try {
- const { error } = await supabase
- .from('User Request')
- .insert({
- Name: 'User', // Default name as requested
- DateOfService: format(startDate, 'yyyy-MM-dd'),
- Location: location,
- Phone: phoneNumber,
- ServiceType: serviceType,
- hdfu: hdfu,
- ReferalCode: referralCode?.trim() || null,
- });
-
- if (error) {
- console.error('Error submitting form:', error);
- throw error;
+ const [startDate, setStartDate] = useState();
+ const [location, setLocation] = useState('');
+ const [showSuggestions, setShowSuggestions] = useState(false);
+ const [phoneNumber, setPhoneNumber] = useState('');
+ const [serviceType, setServiceType] = useState('');
+ const [referralCode, setReferralCode] = useState(null);
+ const [hdfu, setHdfu] = useState('');
+ const [mapCenter, setMapCenter] = useState({ lat: 32.7266, lng: 74.8570 });
+ const [showSuccessDialog, setShowSuccessDialog] = useState(false);
+ const { toast } = useToast();
+ const [dateOpen, setDateOpen] = useState(false);
+ const [isSubmitting, setIsSubmitting] = useState(false);
+ const { user } = useAuth();
+ const HERO_FORM_STORAGE_KEY = "hero_form_data";
+
+ // --- START SCROLL LOGIC IMPLEMENTATION (The Fix) ---
+ useEffect(() => {
+ // 1. Get the hash/fragment from the URL (e.g., '#hero-form' -> 'hero-form')
+ const hash = window.location.hash.substring(1);
+ // 2. Check if the hash matches the form's ID
+ if (hash === 'hero-form') {
+ // 3. Add a small delay (100ms) to ensure the DOM is fully rendered before scrolling
+ const timer = setTimeout(() => {
+ const targetElement = document.getElementById('hero-form');
+ if (targetElement) {
+ // 4. Manually trigger the scroll
+ targetElement.scrollIntoView({
+ behavior: 'smooth',
+ block: 'start'
+ });
+ // Optional: Clean up the URL hash after scrolling
+ // window.history.replaceState({}, document.title, window.location.pathname + window.location.search);
+ }
+ }, 100);
+
+ // Cleanup function runs when component unmounts
+ return () => clearTimeout(timer);
+ }
+ }, []); // Run only once after initial render
+ // --- END SCROLL LOGIC IMPLEMENTATION ---
+ useEffect(() => {
+ const savedData = localStorage.getItem(HERO_FORM_STORAGE_KEY);
+
+ if (savedData) {
+ const parsed = JSON.parse(savedData);
+
+ setStartDate(parsed.startDate ? new Date(parsed.startDate) : undefined);
+ setLocation(parsed.location || "");
+ setPhoneNumber(parsed.phoneNumber || "");
+ setServiceType(parsed.serviceType || "");
+ setReferralCode(parsed.referralCode || null);
+ setHdfu(parsed.hdfu || "");
+ setMapCenter(parsed.mapCenter || { lat: 32.7266, lng: 74.8570 });
}
-
- setShowSuccessDialog(true);
-
- // Reset form
- setStartDate(undefined);
- setLocation('');
- setPhoneNumber('');
- setServiceType('');
- setHdfu('');
- setReferralCode('');
- } catch (error: any) {
- console.error('Error submitting form:', error);
+}, []);
+ const locationList = [
+ 'Katra, Jammu',
+ 'Janipur, Jammu',
+ 'Satwari Chowk, Jammu',
+ 'Gandhinagar, Jammu',
+ 'Gangyal Industrial Area, Jammu',
+ 'Bahu Plaza, Jammu',
+ 'Residency Road, Jammu',
+ 'Bari Brahmana, Jammu',
+ 'Sainik Colony, Jammu',
+ 'Trikuta Nagar, jammu',
+ 'Bhagwati Nagar, jammu',
+ 'Shastri Nagar, jammu',
+ 'Rehari, jammu',
+ 'Talab Tillo, jammu',
+ 'Muthi, jammu',
+ 'Channi Himmat, jammu',
+ ];
+
+ const locationCoords: any = {
+ 'katra, jammu': { lat: 32.9917, lng: 74.9319 },
+ 'janipur, jammu': { lat: 32.7496, lng: 74.8373 },
+ 'satwari chowk, jammu': { lat: 32.6923199, lng: 74.8462223 },
+ 'gandhinagar, jammu': { lat: 32.7043905, lng: 74.8518208 },
+ 'gangyal industrial area, jammu': { lat: 32.6722807, lng: 74.866613 },
+ 'bahu plaza, jammu': { lat: 32.7038042, lng: 74.8698721 },
+ 'residency road, jammu': { lat: 32.7293127, lng: 74.8654757 },
+ 'bari brahmana, jammu': { lat: 32.636539, lng: 74.9038354 },
+ 'sainik colony, jammu': { lat: 32.6738936, lng: 74.8723597 },
+ 'trikuta nagar, jammu': { lat: 32.6927306, lng: 74.8565729 },
+ 'bhagwati nagar, jammu': { lat: 32.7277661, lng: 74.826981 },
+ 'shastri nagar, jammu': { lat: 32.6931782, lng: 74.8514339 },
+ 'rehari, jammu': { lat: 32.7478515, lng: 74.8463835 },
+ 'talab tillo, jammu': { lat: 32.724354, lng: 74.8406902 },
+ 'muthi, jammu': { lat: 32.7585189, lng: 74.8114887 },
+ 'channi himmat, jammu': { lat: 32.6934058, lng: 74.873381 },
+ };
+
+ const handleLocationSelect = (value: string) => {
+ setLocation(value);
+ setShowSuggestions(false);
+
+ const key = value.toLowerCase();
+ if (locationCoords[key]) {
+ setMapCenter(locationCoords[key]);
+ }
+ };
+
+ const handleUseCurrentLocation = () => {
+ if (!navigator.geolocation) {
+ toast({ title: 'Error', description: 'Geolocation is not supported by your browser', variant: 'destructive' });
+ return;
+ }
+
+ navigator.geolocation.getCurrentPosition(
+ (pos) => {
+ const { latitude, longitude } = pos.coords;
+ setMapCenter({ lat: latitude, lng: longitude });
+ setLocation(`lat:${latitude.toFixed(5)} , lon:${longitude.toFixed(5)}`);
+ setShowSuggestions(false);
+ },
+ (err) => {
+ toast({ title: 'Error', description: err.message || 'Unable to retrieve your location', variant: 'destructive' });
+ },
+ { enableHighAccuracy: true }
+ );
+ };
+
+
+ const filteredLocations = locationList.filter((loc) =>
+ loc.toLowerCase().includes(location.toLowerCase())
+ );
+
+ const handleSubmit = async () => {
+ if (!startDate || !location || !phoneNumber || !serviceType) {
+ toast({
+ title: "Error",
+ description: "Please fill in all fields",
+ variant: "destructive",
+ });
+ return;
+ }
+
+ // --- AUTHENTICATION CHECK (Redirect part) ---
+ if (!user) {
+ // SAVE FORM DATA
+ const formData = {
+ startDate,
+ location,
+ phoneNumber,
+ serviceType,
+ referralCode,
+ hdfu,
+ mapCenter,
+ };
+
+ localStorage.setItem(
+ HERO_FORM_STORAGE_KEY,
+ JSON.stringify(formData)
+ );
+
toast({
- title: "Error",
- description: error.message,
- variant: "destructive",
+ title: "Login Required",
+ description: "Please log in to submit a service request.",
});
- } finally {
- setIsSubmitting(false);
- }
-};
-
-return(
-
-
- >;
+ onClose: () => void;
+ canDelete: boolean; // still kept for future use
+ onDelete: (index: number) => void; // still kept for future use
+}
+
+export default function ImageViewer({
+ photos,
+ currentIndex,
+ setCurrentIndex,
+ onClose,
+}: ImageViewerProps) {
+
+ const [scale, setScale] = useState(1);
+
+ useEffect(() => {
+ document.body.style.overflow = "hidden";
+ return () => {
+ document.body.style.overflow = "auto";
+ };
+ }, []);
+
+ useEffect(() => {
+ const keyHandler = (e: KeyboardEvent) => {
+ if (e.key === "Escape") onClose();
+
+ if (scale === 1 && e.key === "ArrowRight" && currentIndex < photos.length - 1) {
+ setCurrentIndex(currentIndex + 1);
+ }
+
+ if (scale === 1 && e.key === "ArrowLeft" && currentIndex > 0) {
+ setCurrentIndex(currentIndex - 1);
+ }
+ };
+
+ window.addEventListener("keydown", keyHandler);
+ return () => window.removeEventListener("keydown", keyHandler);
+ }, [scale, currentIndex, photos.length, setCurrentIndex, onClose]);
+
+
+ return (
+ {
+ if (e.target === e.currentTarget) onClose();
+ }}
+ >
+
+ {/* Close Button Only */}
+
+
+
+ {/* Left Arrow */}
+ {currentIndex > 0 && scale === 1 && (
+
+ )}
+
+ {/* Zoom Wrapper */}
+ setScale(instance.state.scale)}
+ >
+
+
+ e.stopPropagation()}
+ onWheel={(e) => e.stopPropagation()}
+ onMouseDown={(e) => e.preventDefault()}
+ onContextMenu={(e) => e.preventDefault()}
+ initial={{ scale: 0.9 }}
+ animate={{ scale: 1 }}
+ />
+
+
+
+
+
+ {/* Right Arrow */}
+ {currentIndex < photos.length - 1 && scale === 1 && (
+
+ )}
+
+
+ );
+}
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 4075543b..d5031913 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -58,13 +58,23 @@ const Navbar: React.FC = () => {
return (
Find Professional Services
- -
- {/* FORM */}
-
-
-
-
-)
+
+
+
+ )
}
export default HeroForm;
\ No newline at end of file
diff --git a/src/components/ImageViewer.tsx b/src/components/ImageViewer.tsx
new file mode 100644
index 00000000..f55033f0
--- /dev/null
+++ b/src/components/ImageViewer.tsx
@@ -0,0 +1,128 @@
+import { motion } from "framer-motion";
+import { useEffect, useState } from "react";
+import { X } from "lucide-react";
+import { TransformWrapper, TransformComponent } from "react-zoom-pan-pinch";
+
+interface ImageViewerProps {
+ photos: string[];
+ currentIndex: number;
+ setCurrentIndex: React.Dispatch
-
- Book a Service
- -
-
-
- {/* MAP */}
-
-
-
-
- {/* LOCATION AUTOCOMPLETE */}
-
-
-
-
-
-
-
- {
- setStartDate(date);
- setDateOpen(false);
- }}
- initialFocus
- className="p-3 pointer-events-auto"
- disabled={(date) => date <= new Date(new Date().setHours(0, 0, 0, 0))}
- />
-
-
-
-
-
- setReferralCode(e.target.value)}
- />
-
-
-
-
- {
- setLocation(e.target.value);
- setShowSuggestions(true);
- }}
- />
-
- {showSuggestions && location && filteredLocations.length > 0 && (
-
-
-
- {filteredLocations.map((loc) => (
-
- )}
- handleLocationSelect(loc)}
- >
- {loc}
-
- ))}
-
-
-
-
-
+
-
-
+ {/*
- {phoneNumber && phoneNumber.length < 10 && (
- Find Professional Services
*/} + +
+ {/* FORM */}
+
+
+
+ {/* MAP */}
+ Book a Service
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+ {
+ setStartDate(date);
+ setDateOpen(false);
+ }}
+ initialFocus
+ className="p-3 pointer-events-auto"
+ disabled={(date) => date <= new Date(new Date().setHours(0, 0, 0, 0))}
+ />
+
+
+
+
+ {/*
+
+ setReferralCode(e.target.value)}
+ />
+
*/}
+
+
+
+
+
+
+
+
+
+ {showSuggestions && location && filteredLocations.length > 0 && (
+
+ {filteredLocations.map((loc) => (
+
+ )}
+ handleLocationSelect(loc)}
+ >
+ {loc}
+
+ ))}
+
+
+
+
+
+
+ {phoneNumber && phoneNumber.length < 10 && (
+ Please enter a valid 10-digit phone number
+ )} +
+
+
+
+
+
+
+
+
+
+
+
+
+ Please enter a valid 10-digit phone number
- )} -
-
-
-
-
-
-
-
-
-
-
-
-
-