227 lines
12 KiB
TypeScript
227 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { Clock, DollarSign, MapPin, ShieldCheck, Truck } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="medium"
|
|
background="fluid"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
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"},
|
|
]}
|
|
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="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="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="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="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>
|
|
);
|
|
}
|