diff --git a/src/app/page.tsx b/src/app/page.tsx index 485d76f..7b2f2d4 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -48,23 +48,31 @@ export default function LandingPage() { background={{ variant: "glowing-orb" }} leftCarouselItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193147.jpg?_wi=1", imageAlt: "Professional car detailing service"}, + imageSrc: "https://images.unsplash.com/photo-1552820728-8ac41f1ce891?w=800&q=80&_wi=1", imageAlt: "Professional car detailing service" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212218.jpg?_wi=1", imageAlt: "Paint protection film application"}, + imageSrc: "https://images.unsplash.com/photo-1487754180144-351b8e29f7ff?w=800&q=80&_wi=1", imageAlt: "Paint protection film application" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-wearing-protection-equipment_23-2149714350.jpg?_wi=1", imageAlt: "Vehicle wrapping service"}, + imageSrc: "https://images.unsplash.com/photo-1559056199-641a0ac8b3f4?w=800&q=80&_wi=1", imageAlt: "Vehicle wrapping service" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/benchman-owner-car-making-deal_114579-2805.jpg?_wi=1", imageAlt: "Interior car detailing"}, + imageSrc: "https://images.unsplash.com/photo-1517457373614-b7152f800fd1?w=800&q=80", imageAlt: "Interior car detailing" + }, ]} rightCarouselItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212218.jpg?_wi=2", imageAlt: "Ceramic coating protection"}, + imageSrc: "https://images.unsplash.com/photo-1542282088-fe8426682b8f?w=800&q=80", imageAlt: "Ceramic coating protection" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-wearing-protection-equipment_23-2149714350.jpg?_wi=2", imageAlt: "Premium wrapping solution"}, + imageSrc: "https://images.unsplash.com/photo-1447752875215-b2761acb3c5d?w=800&q=80", imageAlt: "Premium wrapping solution" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193147.jpg?_wi=2", imageAlt: "Expert detailing team"}, + imageSrc: "https://images.unsplash.com/photo-1489824904134-891ab64532f1?w=800&q=80", imageAlt: "Expert detailing team" + }, { - imageSrc: "http://img.b2bpic.net/free-photo/benchman-owner-car-making-deal_114579-2805.jpg?_wi=2", imageAlt: "Vehicle care expertise"}, + imageSrc: "https://images.unsplash.com/photo-1507666405895-422edc8bbd94?w=800&q=80", imageAlt: "Vehicle care expertise" + }, ]} carouselPosition="right" buttons={[ @@ -83,7 +91,7 @@ export default function LandingPage() { description="Rajesh Sharma" subdescription="Founder & Master Detailer" icon={CheckCircle} - imageSrc="http://img.b2bpic.net/free-photo/benchman-owner-car-making-deal_114579-2805.jpg?_wi=3" + imageSrc="https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=800&q=80" imageAlt="Professional detailing team at work" mediaAnimation="slide-up" useInvertedBackground={true} @@ -103,19 +111,23 @@ export default function LandingPage() { features={[ { id: "detailing", label: "Detailing", title: "Professional Car Detailing", items: [ - "Exterior washing and polishing", "Interior vacuuming and sanitization", "Paint correction and enhancement", "Protection against environmental damage"], + "Exterior washing and polishing", "Interior vacuuming and sanitization", "Paint correction and enhancement", "Protection against environmental damage" + ], }, { id: "ppf", label: "PPF", title: "Paint Protection Film (PPF)", items: [ - "Self-healing protective layer", "Shields against stone chips and scratches", "Maintains original paint color", "Invisible protection with glossy finish"], + "Self-healing protective layer", "Shields against stone chips and scratches", "Maintains original paint color", "Invisible protection with glossy finish" + ], }, { id: "ceramic", label: "Ceramic", title: "Premium Ceramic Coating", items: [ - "Hydrophobic nano-coating technology", "Long-lasting protection up to 3 years", "Enhanced gloss and depth", "Easy maintenance and water beading"], + "Hydrophobic nano-coating technology", "Long-lasting protection up to 3 years", "Enhanced gloss and depth", "Easy maintenance and water beading" + ], }, { id: "wrapping", label: "Wrapping", title: "Professional Vehicle Wrapping", items: [ - "Custom color and design options", "Complete vehicle transformation", "Reversible paint protection solution", "Fleet branding and customization"], + "Custom color and design options", "Complete vehicle transformation", "Reversible paint protection solution", "Fleet branding and customization" + ], }, ]} /> @@ -134,11 +146,14 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "1", name: "Expert Technicians", price: "Professional Excellence", imageSrc: "http://img.b2bpic.net/free-photo/man-washing-car-carwash-station-wearing-orange-vest_651396-3238.jpg", imageAlt: "Professional detailing expertise"}, + id: "1", name: "Expert Technicians", price: "Professional Excellence", imageSrc: "https://images.unsplash.com/photo-1552820728-8ac41f1ce891?w=800&q=80&_wi=2", imageAlt: "Professional detailing expertise" + }, { - id: "2", name: "Premium Materials", price: "Quality Assurance", imageSrc: "http://img.b2bpic.net/free-photo/young-man-polishing-his-car-with-rag_1303-21777.jpg", imageAlt: "High-quality protective materials"}, + id: "2", name: "Premium Materials", price: "Quality Assurance", imageSrc: "https://images.unsplash.com/photo-1487754180144-351b8e29f7ff?w=800&q=80&_wi=2", imageAlt: "High-quality protective materials" + }, { - id: "3", name: "Guaranteed Results", price: "100% Satisfaction", imageSrc: "http://img.b2bpic.net/free-photo/man-gray-sweater-wipes-car-car-wash_1157-35958.jpg", imageAlt: "Premium ceramic coating results"}, + id: "3", name: "Guaranteed Results", price: "100% Satisfaction", imageSrc: "https://images.unsplash.com/photo-1559056199-641a0ac8b3f4?w=800&q=80&_wi=2", imageAlt: "Premium ceramic coating results" + }, ]} /> @@ -151,7 +166,8 @@ export default function LandingPage() { tagIcon={Heart} tagAnimation="slide-up" names={[ - "Luxury Car Owners", "Corporate Fleet Managers", "Automotive Enthusiasts", "Premium Car Collections", "Business Professionals", "Vehicle Investment Protectors", "Detail-Conscious Drivers"]} + "Luxury Car Owners", "Corporate Fleet Managers", "Automotive Enthusiasts", "Premium Car Collections", "Business Professionals", "Vehicle Investment Protectors", "Detail-Conscious Drivers" + ]} textboxLayout="default" useInvertedBackground={false} speed={40} @@ -201,7 +217,8 @@ export default function LandingPage() { title: "Connect", items: [ { label: "Phone: +91 98765 43210", href: "tel:+919876543210" }, { - label: "Email: info@detailingfluid.com", href: "mailto:info@detailingfluid.com"}, + label: "Email: info@detailingfluid.com", href: "mailto:info@detailingfluid.com" + }, { label: "South Delhi Location", href: "#" }, { label: "Privacy Policy", href: "#" }, ], diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 3d0e32c..2f88a1e 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -11,14 +11,14 @@ --background-accent: #ffffff; */ --background: #ffffff; - --card: #f9f9f9; - --foreground: #000f06e6; - --primary-cta: #0a7039; + --card: #f0f0f0; + --foreground: #1a1a1a; + --primary-cta: #d4a574; --primary-cta-text: #ffffff; - --secondary-cta: #f9f9f9; + --secondary-cta: #f5f5f5; --secondary-cta-text: #000f06e6; - --accent: #e2e2e2; - --background-accent: #c4c4c4; + --accent: #d4a574; + --background-accent: #e8d4c0; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);