bender/cb25213e-010c-40d7-85cd-c5674b94d562
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-01 16:17:37 +00:00
parent e04392ed62
commit 8066e37ed3
1 changed files with 43 additions and 189 deletions
Download Patch File Download Diff File Expand all files Collapse all files

232
src/app/page.tsx
View File

@@ -30,26 +30,16 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Gallery",
id: "#gallery",
},
name: "Gallery", id: "#gallery"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Book on WhatsApp",
href: "https://wa.me/YOURPHONENUMBER",
}}
text: "Book on WhatsApp", href: "https://wa.me/YOURPHONENUMBER"}}
brandName="FURIOUS 7 AUTOMOTIVE"
/>
</div>
@@ -57,19 +47,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "downward-rays-animated-grid",
}}
variant: "downward-rays-animated-grid"}}
logoText="FURIOUS 7"
description="Premium car wash, detailing, polishing, ceramic care and automotive makeover services."
buttons={[
{
text: "Book on WhatsApp",
href: "https://wa.me/YOURPHONENUMBER",
},
text: "Book on WhatsApp", href: "https://wa.me/YOURPHONENUMBER"},
{
text: "View Services",
href: "#services",
},
text: "View Services", href: "#services"},
]}
imageSrc="http://img.b2bpic.net/free-photo/young-handsome-man-choosing-car-car-showroom_1303-20435.jpg"
imageAlt="Premium car in a detailing bay with yellow and red lighting and subtle graffiti background."
@@ -83,23 +68,11 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Dynamic Illumination",
description: "Observe how precision lighting sculpts every curve, highlighting the flawless finish of your vehicle.",
imageSrc: "http://img.b2bpic.net/free-photo/mysterious-building-fog_181624-604.jpg",
imageAlt: "Dynamic illumination on a glossy car surface.",
},
title: "Dynamic Illumination", description: "Observe how precision lighting sculpts every curve, highlighting the flawless finish of your vehicle.", imageSrc: "http://img.b2bpic.net/free-photo/mysterious-building-fog_181624-604.jpg", imageAlt: "Dynamic illumination on a glossy car surface."},
{
title: "Mirror-Like Gloss",
description: "Our specialized techniques create an unmatched reflective sheen, turning your car into a true masterpiece.",
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139123.jpg",
imageAlt: "Mirror-like gloss on a car's paintwork.",
},
title: "Mirror-Like Gloss", description: "Our specialized techniques create an unmatched reflective sheen, turning your car into a true masterpiece.", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139123.jpg", imageAlt: "Mirror-like gloss on a car's paintwork."},
{
title: "Subtle Theatrical Effects",
description: "Integrated mist and light streaks enhance the reveal, building anticipation for the final, stunning presentation.",
imageSrc: "http://img.b2bpic.net/free-photo/overhead-shot-highway-road-with-car-light-speed-trails_181624-1805.jpg",
imageAlt: "Subtle mist and light streaks around a car.",
},
title: "Subtle Theatrical Effects", description: "Integrated mist and light streaks enhance the reveal, building anticipation for the final, stunning presentation.", imageSrc: "http://img.b2bpic.net/free-photo/overhead-shot-highway-road-with-car-light-speed-trails_181624-1805.jpg", imageAlt: "Subtle mist and light streaks around a car."},
]}
title="Experience the Furious Unveil"
description="Witness the meticulous transformation as every detail of your car emerges from the shadows, revealed in breathtaking light and glossy perfection."
@@ -113,53 +86,21 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Premium Car Wash",
description: "A thorough, gentle wash using advanced techniques and premium products for a spotless finish.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-car-melting_23-2150083281.jpg",
imageAlt: "Icon for premium car wash.",
},
title: "Premium Car Wash", description: "A thorough, gentle wash using advanced techniques and premium products for a spotless finish.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-car-melting_23-2150083281.jpg", imageAlt: "Icon for premium car wash."},
{
title: "Interior Cleaning",
description: "Deep cleaning, vacuuming, and conditioning of all interior surfaces, leaving a fresh and pristine cabin.",
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14574.jpg",
imageAlt: "Icon for interior car cleaning.",
},
title: "Interior Cleaning", description: "Deep cleaning, vacuuming, and conditioning of all interior surfaces, leaving a fresh and pristine cabin.", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-car-car-showroom_1303-14574.jpg", imageAlt: "Icon for interior car cleaning."},
{
title: "Exterior Detailing",
description: "Comprehensive exterior treatment including decontamination, paint correction, and restoration for ultimate shine.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-black-side-mirror-yellow-modern-sport-car_181624-23592.jpg",
imageAlt: "Icon for exterior car detailing.",
},
title: "Exterior Detailing", description: "Comprehensive exterior treatment including decontamination, paint correction, and restoration for ultimate shine.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-black-side-mirror-yellow-modern-sport-car_181624-23592.jpg", imageAlt: "Icon for exterior car detailing."},
{
title: "Polishing",
description: "Multi-stage machine polishing to remove imperfections, enhance gloss, and restore paint clarity.",
imageSrc: "http://img.b2bpic.net/free-photo/pink-car-closer-look-old-car_140725-11129.jpg",
imageAlt: "Icon for car polishing service.",
},
title: "Polishing", description: "Multi-stage machine polishing to remove imperfections, enhance gloss, and restore paint clarity.", imageSrc: "http://img.b2bpic.net/free-photo/pink-car-closer-look-old-car_140725-11129.jpg", imageAlt: "Icon for car polishing service."},
{
title: "Ceramic Coating",
description: "Advanced ceramic protection offering superior gloss, durability, and hydrophobic properties for long-lasting finish.",
imageSrc: "http://img.b2bpic.net/free-photo/competition-upset-company-computer-graphic-technology_1134-1099.jpg",
imageAlt: "Icon for ceramic coating service.",
},
title: "Ceramic Coating", description: "Advanced ceramic protection offering superior gloss, durability, and hydrophobic properties for long-lasting finish.", imageSrc: "http://img.b2bpic.net/free-photo/competition-upset-company-computer-graphic-technology_1134-1099.jpg", imageAlt: "Icon for ceramic coating service."},
{
title: "Paint Protection",
description: "Application of paint protection film (PPF) or sealant for invisible defense against chips and scratches.",
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-car-detailing-logo-design_23-2149903187.jpg",
imageAlt: "Icon for paint protection service.",
},
title: "Paint Protection", description: "Application of paint protection film (PPF) or sealant for invisible defense against chips and scratches.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-car-detailing-logo-design_23-2149903187.jpg", imageAlt: "Icon for paint protection service."},
{
title: "Engine Bay Cleaning",
description: "Meticulous cleaning and dressing of engine components, enhancing appearance and preventing corrosion.",
imageSrc: "http://img.b2bpic.net/free-vector/engine-change-sign-neon-style_1262-15892.jpg",
imageAlt: "Icon for engine bay cleaning.",
},
title: "Engine Bay Cleaning", description: "Meticulous cleaning and dressing of engine components, enhancing appearance and preventing corrosion.", imageSrc: "http://img.b2bpic.net/free-vector/engine-change-sign-neon-style_1262-15892.jpg", imageAlt: "Icon for engine bay cleaning."},
{
title: "Headlight Restoration",
description: "Restoring faded and yellowed headlights to crystal-clear clarity, improving aesthetics and nighttime visibility.",
imageSrc: "http://img.b2bpic.net/free-photo/man-gray-sweater-wipes-car-car-wash_1157-35957.jpg",
imageAlt: "Icon for headlight restoration service.",
},
title: "Headlight Restoration", description: "Restoring faded and yellowed headlights to crystal-clear clarity, improving aesthetics and nighttime visibility.", imageSrc: "http://img.b2bpic.net/free-photo/man-gray-sweater-wipes-car-car-wash_1157-35957.jpg", imageAlt: "Icon for headlight restoration service."},
]}
title="Our Premium Services"
description="Elevate your vehicle's aesthetic and protection with our comprehensive range of car care solutions, meticulously performed by experts."
@@ -175,47 +116,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "showcase-1",
name: "Performance Power",
price: "View Details",
imageSrc: "http://img.b2bpic.net/free-photo/scenery-building_400718-51.jpg",
imageAlt: "High-performance sports car in a colorful graffiti-inspired bay.",
},
id: "showcase-1", name: "Performance Power", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/scenery-building_400718-51.jpg", imageAlt: "High-performance sports car in a colorful graffiti-inspired bay."},
{
id: "showcase-2",
name: "Luxury Redefined",
price: "View Details",
imageSrc: "http://img.b2bpic.net/free-photo/watercolor-car-painting-illustration_23-2151706315.jpg",
imageAlt: "Luxury sedan gleaming in a vibrant detailing studio.",
},
id: "showcase-2", name: "Luxury Redefined", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/watercolor-car-painting-illustration_23-2151706315.jpg", imageAlt: "Luxury sedan gleaming in a vibrant detailing studio."},
{
id: "showcase-3",
name: "Classic Custom",
price: "View Details",
imageSrc: "http://img.b2bpic.net/free-photo/reflection-sky_181624-9195.jpg",
imageAlt: "Customized classic muscle car with bold studio lighting.",
},
id: "showcase-3", name: "Classic Custom", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/reflection-sky_181624-9195.jpg", imageAlt: "Customized classic muscle car with bold studio lighting."},
{
id: "showcase-4",
name: "Elite SUV",
price: "View Details",
imageSrc: "http://img.b2bpic.net/free-vector/gradient-car-rental-landing-page_23-2149233731.jpg",
imageAlt: "Luxury SUV in a sleek automotive studio with abstract art.",
},
id: "showcase-4", name: "Elite SUV", price: "View Details", imageSrc: "http://img.b2bpic.net/free-vector/gradient-car-rental-landing-page_23-2149233731.jpg", imageAlt: "Luxury SUV in a sleek automotive studio with abstract art."},
{
id: "showcase-5",
name: "Street Machine",
price: "View Details",
imageSrc: "http://img.b2bpic.net/free-photo/superhero-car-vintage-style_23-2151636216.jpg",
imageAlt: "Modified street car with glowing undercarriage in a stylized garage.",
},
id: "showcase-5", name: "Street Machine", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/superhero-car-vintage-style_23-2151636216.jpg", imageAlt: "Modified street car with glowing undercarriage in a stylized garage."},
{
id: "showcase-6",
name: "Vintage Perfection",
price: "View Details",
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-vintage-classic-car_74190-4288.jpg",
imageAlt: "Vintage sports car with a flawless glossy finish.",
},
id: "showcase-6", name: "Vintage Perfection", price: "View Details", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-vintage-classic-car_74190-4288.jpg", imageAlt: "Vintage sports car with a flawless glossy finish."},
]}
title="Not Just a Wash. A Car Showcase Experience."
description="Step into our world where every car is a masterpiece. Inspired by our vibrant studio, we present vehicles in their ultimate glory, blending art with automotive passion."
@@ -229,17 +140,9 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Before: The Grime",
description: "A vehicle marred by dirt, dust, and environmental contaminants, obscuring its true beauty.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-front-part-blue-car-including-lights-bumper_181624-12416.jpg",
imageAlt: "Dirty car before detailing.",
},
title: "Before: The Grime", description: "A vehicle marred by dirt, dust, and environmental contaminants, obscuring its true beauty.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-front-part-blue-car-including-lights-bumper_181624-12416.jpg", imageAlt: "Dirty car before detailing."},
{
title: "After: The Gloss",
description: "The same vehicle, now meticulously clean, polished to a mirror finish, and glowing with renewed brilliance.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193571.jpg",
imageAlt: "Clean, glossy car after detailing.",
},
title: "After: The Gloss", description: "The same vehicle, now meticulously clean, polished to a mirror finish, and glowing with renewed brilliance.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193571.jpg", imageAlt: "Clean, glossy car after detailing."},
]}
title="See the Difference in Every Detail."
description="Experience the dramatic transformation that meticulous detailing brings. From dull to dazzling, our before-and-after showcases speak volumes about our commitment to perfection."
@@ -252,49 +155,20 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
animationType="scale-rotate"
products={[
{
id: "gallery-wash-1",
name: "Precision Wash",
price: "View",
imageSrc: "http://img.b2bpic.net/free-photo/bubbling-blue-water_23-2147798200.jpg",
imageAlt: "Luxury car being hand-washed in a dark bay.",
},
id: "gallery-wash-1", name: "Precision Wash", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/bubbling-blue-water_23-2147798200.jpg", imageAlt: "Luxury car being hand-washed in a dark bay."},
{
id: "gallery-detailing-1",
name: "Expert Detailing",
price: "View",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193591.jpg",
imageAlt: "Close-up of a professional detailer's hands working on car paint.",
},
id: "gallery-detailing-1", name: "Expert Detailing", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193591.jpg", imageAlt: "Close-up of a professional detailer's hands working on car paint."},
{
id: "gallery-polished-1",
name: "Mirror Polish",
price: "View",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-high-angle-shot-exterior-details-modern-blue-black-car_181624-25400.jpg",
imageAlt: "Extreme close-up of highly polished car paint.",
},
id: "gallery-polished-1", name: "Mirror Polish", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/closeup-high-angle-shot-exterior-details-modern-blue-black-car_181624-25400.jpg", imageAlt: "Extreme close-up of highly polished car paint."},
{
id: "gallery-interior-1",
name: "Pristine Interior",
price: "View",
imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26072.jpg",
imageAlt: "Wide-angle interior shot of a meticulously cleaned luxury car.",
},
id: "gallery-interior-1", name: "Pristine Interior", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26072.jpg", imageAlt: "Wide-angle interior shot of a meticulously cleaned luxury car."},
{
id: "gallery-delivery-1",
name: "Happy Delivery",
price: "View",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26304.jpg",
imageAlt: "Proud owner receiving their freshly detailed luxury car.",
},
id: "gallery-delivery-1", name: "Happy Delivery", price: "View", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26304.jpg", imageAlt: "Proud owner receiving their freshly detailed luxury car."},
{
id: "gallery-engine-1",
name: "Engine Bay Clean",
price: "View",
imageSrc: "http://img.b2bpic.net/free-vector/car-wash-logo-design-template_23-2149950276.jpg",
imageAlt: "A meticulously cleaned engine bay of a car.",
},
id: "gallery-engine-1", name: "Engine Bay Clean", price: "View", imageSrc: "http://img.b2bpic.net/free-vector/car-wash-logo-design-template_23-2149950276.jpg", imageAlt: "A meticulously cleaned engine bay of a car."},
]}
title="Our Craft in Focus"
description="Explore our gallery showcasing the meticulous work that goes into every vehicle. From deep cleaning to ceramic perfection, witness the artistry of Furious 7 Automotive."
@@ -309,24 +183,16 @@ export default function LandingPage() {
metrics={[
{
icon: Cog,
label: "Professional Workspace",
value: "Clean & Equipped",
},
label: "Professional Workspace", value: "Clean & Equipped"},
{
icon: Sparkles,
label: "Quality Products",
value: "Premium & Safe",
},
label: "Quality Products", value: "Premium & Safe"},
{
icon: Search,
label: "Attention to Detail",
value: "Flawless Results",
},
label: "Attention to Detail", value: "Flawless Results"},
{
icon: Users,
label: "Customer-First Service",
value: "Satisfaction Guaranteed",
},
label: "Customer-First Service", value: "Satisfaction Guaranteed"},
]}
metricsAnimation="slide-up"
/>
@@ -339,22 +205,14 @@ export default function LandingPage() {
description="Contact us today to book your next detailing appointment. Let's make your car look furious!\n\nWhatsApp: +91 98765 43210\nPhone: +91 98765 43210\nWorking Hours: Mon-Sat 9 AM - 7 PM\nLocation: [Google Maps Link Placeholder]"
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your Message",
rows: 4,
name: "message", placeholder: "Your Message", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-hands-holding-key_23-2149901393.jpg"
@@ -369,13 +227,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="FURIOUS 7 AUTOMOTIVE"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>