Merge version_1 into main #5
259
src/app/page.tsx
259
src/app/page.tsx
@@ -28,144 +28,143 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "How It Works", id: "how-it-works" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Fernando's Auto Glass"
|
||||
button={{ text: "Call Now", href: "tel:2109092750" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "How It Works", id: "how-it-works" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Fernando's Auto Glass"
|
||||
button={{ text: "Call Now", href: "tel:2109092750" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="San Antonio's Premier Auto Glass"
|
||||
description="Crystal Clear. Done Today. Trusted windshield replacement and auto glass repair. Family-owned, same-day service, and the best prices in town — guaranteed."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-car-showroom-choosing-car_1303-19785.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489710.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/auto-repairwoman-her-customer-examining-car-problems-repair-shop_637285-7752.jpg", alt: "Satisfied Customer" },
|
||||
]}
|
||||
avatarText="5-Star Rated Service"
|
||||
buttons={[{ text: "Get a Free Quote", href: "tel:2109092750" }]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{ type: "text-icon", text: "Same-Day Service", icon: Clock },
|
||||
{ type: "text-icon", text: "Certified Technicians", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "Best Price Guarantee", icon: DollarSign },
|
||||
{ type: "text-icon", text: "Mobile Installation", icon: Truck },
|
||||
{ type: "text-icon", text: "San Antonio Local", icon: MapPin },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="San Antonio's Premier Auto Glass"
|
||||
description="Crystal Clear. Done Today. Trusted windshield replacement and auto glass repair. Family-owned, same-day service, and the best prices in town — guaranteed."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-car-showroom-choosing-car_1303-19785.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489710.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/auto-repairwoman-her-customer-examining-car-problems-repair-shop_637285-7752.jpg", alt: "Satisfied Customer" },
|
||||
]}
|
||||
avatarText="5-Star Rated Service"
|
||||
buttons={[{ text: "Get a Free Quote", href: "tel:2109092750" }]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{ type: "text-icon", text: "Same-Day Service", icon: Clock },
|
||||
{ type: "text-icon", text: "Certified Technicians", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "Best Price Guarantee", icon: DollarSign },
|
||||
{ type: "text-icon", text: "Mobile Installation", icon: Truck },
|
||||
{ type: "text-icon", text: "San Antonio Local", icon: MapPin },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "5★", title: "Google Rating", items: ["Top-rated local service"] },
|
||||
{ id: "m2", value: "1 hr", title: "Avg. Install", items: ["Fast, precise work"] },
|
||||
{ id: "m3", value: "10+", title: "Years Serving", items: ["Proven expertise"] },
|
||||
{ id: "m4", value: "100%", title: "Same-Day", items: ["Road-ready today"] },
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Quality glass and professional service that San Antonio relies on."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "5★", title: "Google Rating", items: ["Top-rated local service"] },
|
||||
{ id: "m2", value: "1 hr", title: "Avg. Install", items: ["Fast, precise work"] },
|
||||
{ id: "m3", value: "10+", title: "Years Serving", items: ["Proven expertise"] },
|
||||
{ id: "m4", value: "100%", title: "Same-Day", items: ["Road-ready today"] },
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Quality glass and professional service that San Antonio relies on."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Windshield Replacement", subtitle: "Full front replacement for all makes.", category: "Essential", value: "From $150" },
|
||||
{ id: "f2", title: "Side Window Replacement", subtitle: "Quick replacement for side glass.", category: "Essential", value: "Same-day" },
|
||||
{ id: "f3", title: "Rear Windshield", subtitle: "Complete rear glass with defrost.", category: "Specialized", value: "Expert fit" },
|
||||
{ id: "f4", title: "Chip & Crack Repair", subtitle: "Fast repair prevents replacement.", category: "Affordable", value: "From $50" },
|
||||
{ id: "f5", title: "Commercial Fleet", subtitle: "Quick turnaround for big rigs.", category: "Commercial", value: "Fleet rates" },
|
||||
{ id: "f6", title: "Mobile Service", subtitle: "We come to your home or office.", category: "Convenience", value: "On-site" },
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="Every window handled with care. From front windshields to commercial fleets."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Windshield Replacement", subtitle: "Full front replacement for all makes.", category: "Essential", value: "From $150" },
|
||||
{ id: "f2", title: "Side Window Replacement", subtitle: "Quick replacement for side glass.", category: "Essential", value: "Same-day" },
|
||||
{ id: "f3", title: "Rear Windshield", subtitle: "Complete rear glass with defrost.", category: "Specialized", value: "Expert fit" },
|
||||
{ id: "f4", title: "Chip & Crack Repair", subtitle: "Fast repair prevents replacement.", category: "Affordable", value: "From $50" },
|
||||
{ id: "f5", title: "Commercial Fleet", subtitle: "Quick turnaround for big rigs.", category: "Commercial", value: "Fleet rates" },
|
||||
{ id: "f6", title: "Mobile Service", subtitle: "We come to your home or office.", category: "Convenience", value: "On-site" },
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="Every window handled with care. From front windshields to commercial fleets."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="how-it-works" data-section="how-it-works">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "01. Free Quote", price: "Call us", imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-inside-car-seen-through-windscreen_23-2147841921.jpg" },
|
||||
{ id: "p2", name: "02. Schedule", price: "Visit or Mobile", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-man-auto-repairman-analyzing-malfunction-car-workshop_637285-7696.jpg" },
|
||||
{ id: "p3", name: "03. Install", price: "1-2 Hours", imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367569.jpg" },
|
||||
{ id: "p4", name: "04. Drive Confident", price: "Ready to go", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212216.jpg" },
|
||||
{ id: "p5", name: "Expert Team", price: "Local pros", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193564.jpg" },
|
||||
{ id: "p6", name: "Quality Glass", price: "OEM quality", imageSrc: "http://img.b2bpic.net/free-photo/man-gray-sweater-wipes-car-car-wash_1157-35958.jpg" },
|
||||
]}
|
||||
title="From Call to Crystal Clear"
|
||||
description="Four simple steps to get your auto glass perfect."
|
||||
/>
|
||||
</div>
|
||||
<div id="how-it-works" data-section="how-it-works">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "01. Free Quote", price: "Call us", imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-inside-car-seen-through-windscreen_23-2147841921.jpg" },
|
||||
{ id: "p2", name: "02. Schedule", price: "Visit or Mobile", imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-man-auto-repairman-analyzing-malfunction-car-workshop_637285-7696.jpg" },
|
||||
{ id: "p3", name: "03. Install", price: "1-2 Hours", imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367569.jpg" },
|
||||
{ id: "p4", name: "04. Drive Confident", price: "Ready to go", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212216.jpg" },
|
||||
{ id: "p5", name: "Expert Team", price: "Local pros", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193564.jpg" },
|
||||
{ id: "p6", name: "Quality Glass", price: "OEM quality", imageSrc: "http://img.b2bpic.net/free-photo/man-gray-sweater-wipes-car-car-wash_1157-35958.jpg" },
|
||||
]}
|
||||
title="From Call to Crystal Clear"
|
||||
description="Four simple steps to get your auto glass perfect."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Vanessa Brewer", date: "1 month ago", title: "Local Resident", quote: "Fernando was available right away. Totally reasonable price.", tag: "5★", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-driving-modern-car_651396-3256.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-inside-car-seen-through-windscreen_23-2147841921.jpg", imageAlt: "happy customer auto shop" },
|
||||
{ id: "t2", name: "Jacob Villarreal", date: "2 months ago", title: "Truck Owner", quote: "Got my truck done in less than 30 minutes.", tag: "5★", avatarSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582422.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-car-showroom-choosing-car_1303-19785.jpg", imageAlt: "happy customer auto shop" },
|
||||
{ id: "t3", name: "Alyssa", date: "2 weeks ago", title: "Local Guide", quote: "Most cost-effective option in San Antonio.", tag: "5★", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-young-redheaded-woman_171337-8472.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489710.jpg", imageAlt: "happy customer auto shop" },
|
||||
{ id: "t4", name: "Vanessa Zapata", date: "1 year ago", title: "Local Guide", quote: "Professional, quick, quality installation.", tag: "5★", avatarSrc: "http://img.b2bpic.net/free-photo/happy-black-mechanic-taking-notes-while-talking-customer-auto-repair-shop_637285-11587.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg", imageAlt: "happy customer auto shop" },
|
||||
{ id: "t5", name: "Mario Rodriguez", date: "3 years ago", title: "Local Guide", quote: "Nobody else had the glass, Fernando found it.", tag: "5★", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-showing-thumbs-up_1170-1180.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg", imageAlt: "happy customer auto shop" },
|
||||
]}
|
||||
title="Real Reviews, Real People"
|
||||
description="What our San Antonio neighbors are saying about us."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Vanessa Brewer", date: "1 month ago", title: "Local Resident", quote: "Fernando was available right away. Totally reasonable price.", tag: "5★", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-driving-modern-car_651396-3256.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-inside-car-seen-through-windscreen_23-2147841921.jpg", imageAlt: "happy customer auto shop" },
|
||||
{ id: "t2", name: "Jacob Villarreal", date: "2 months ago", title: "Truck Owner", quote: "Got my truck done in less than 30 minutes.", tag: "5★", avatarSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582422.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-car-showroom-choosing-car_1303-19785.jpg", imageAlt: "happy customer auto shop" },
|
||||
{ id: "t3", name: "Alyssa", date: "2 weeks ago", title: "Local Guide", quote: "Most cost-effective option in San Antonio.", tag: "5★", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-young-redheaded-woman_171337-8472.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489710.jpg", imageAlt: "happy customer auto shop" },
|
||||
{ id: "t4", name: "Vanessa Zapata", date: "1 year ago", title: "Local Guide", quote: "Professional, quick, quality installation.", tag: "5★", avatarSrc: "http://img.b2bpic.net/free-photo/happy-black-mechanic-taking-notes-while-talking-customer-auto-repair-shop_637285-11587.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg", imageAlt: "happy customer auto shop" },
|
||||
{ id: "t5", name: "Mario Rodriguez", date: "3 years ago", title: "Local Guide", quote: "Nobody else had the glass, Fernando found it.", tag: "5★", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-showing-thumbs-up_1170-1180.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg", imageAlt: "happy customer auto shop" },
|
||||
]}
|
||||
title="Real Reviews, Real People"
|
||||
description="What our San Antonio neighbors are saying about us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Family Owned"
|
||||
title="From Our Family To Yours"
|
||||
description="Fernando's Auto Glass was born right here in San Antonio. We build on honesty and simple values: fast work, fair prices, and neighborhood service."
|
||||
subdescription="With over a decade of experience, we make sure every customer gets the personal attention they deserve."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanics-standing-back-back-car_1170-1533.jpg"
|
||||
videoSrc=""
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Family Owned"
|
||||
title="From Our Family To Yours"
|
||||
description="Fernando's Auto Glass was born right here in San Antonio. We build on honesty and simple values: fast work, fair prices, and neighborhood service."
|
||||
subdescription="With over a decade of experience, we make sure every customer gets the personal attention they deserve."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanics-standing-back-back-car_1170-1533.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Free Quote"
|
||||
title="Ready to Get Started?"
|
||||
description="Call us now for a same-day quote. (210) 909-2750"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36576.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Free Quote"
|
||||
title="Ready to Get Started?"
|
||||
description="Call us now for a same-day quote. (210) 909-2750"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36576.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Fernando's Auto Glass"
|
||||
leftLink={{ text: "© 2025 Fernando's Auto Glass", href: "#" }}
|
||||
rightLink={{ text: "San Antonio, TX", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Fernando's Auto Glass"
|
||||
leftLink={{ text: "© 2025 Fernando's Auto Glass", href: "#" }}
|
||||
rightLink={{ text: "San Antonio, TX", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user