Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-12 23:27:12 +00:00

View File

@@ -29,364 +29,146 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "services",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="AAA Auto Glass"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="AAA Auto Glass"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "gradient-bars",
}}
title="Auto Glass Repair Without the Stress."
description="Windshield replacement and repair done fast, professionally, and often with $0 out-of-pocket through insurance."
buttons={[
{
text: "Get a Free Quote",
href: "#contact",
},
{
text: "Call Now",
href: "tel:5550123",
},
]}
carouselItems={[
{
id: "c1",
imageSrc: "http://img.b2bpic.net/free-photo/smart-bearded-man-is-leaning-his-car-he-is-wearing-shirt-suspender-sunglasses-he-has-tattoes-watch-his-arms-there-are-slum-tree-background_613910-20736.jpg?_wi=1",
imageAlt: "luxurious black SUV driveway glass replacement",
},
{
id: "c2",
imageSrc: "http://img.b2bpic.net/free-photo/two-asian-brothers-man-wear-all-black-posed-near-suv-car_627829-3693.jpg",
imageAlt: "luxurious black SUV driveway glass replacement",
},
{
id: "c3",
imageSrc: "http://img.b2bpic.net/free-photo/african-american-car-mechanic-talking-businessman-auto-repair-shop_637285-4239.jpg",
imageAlt: "luxurious black SUV driveway glass replacement",
},
{
id: "c4",
imageSrc: "http://img.b2bpic.net/free-photo/worker-detailing-garage-put-polyurethane-antigravel-film-cover-white-luxury-car_627829-675.jpg",
imageAlt: "luxurious black SUV driveway glass replacement",
},
{
id: "c5",
imageSrc: "http://img.b2bpic.net/free-photo/funny-young-woman-fooling-around-car_23-2148149988.jpg",
imageAlt: "luxurious black SUV driveway glass replacement",
},
{
id: "c6",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-tree-reflected-car-s-side-mirror_181624-2966.jpg",
imageAlt: "luxurious black SUV driveway glass replacement",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{ variant: "gradient-bars" }}
title="Auto Glass Repair Without the Stress."
description="Windshield replacement and repair done fast, professionally, and often with $0 out-of-pocket through insurance."
buttons={[{ text: "Get a Free Quote", href: "#contact" }, { text: "Call Now", href: "tel:5550123" }]}
carouselItems={[
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/smart-bearded-man-is-leaning-his-car-he-is-wearing-shirt-suspender-sunglasses-he-has-tattoes-watch-his-arms-there-are-slum-tree-background_613910-20736.jpg", imageAlt: "luxurious black SUV driveway glass replacement" },
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/two-asian-brothers-man-wear-all-black-posed-near-suv-car_627829-3693.jpg", imageAlt: "luxurious black SUV driveway glass replacement" },
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/african-american-car-mechanic-talking-businessman-auto-repair-shop_637285-4239.jpg", imageAlt: "luxurious black SUV driveway glass replacement" },
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/worker-detailing-garage-put-polyurethane-antigravel-film-cover-white-luxury-car_627829-675.jpg", imageAlt: "luxurious black SUV driveway glass replacement" },
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/funny-young-woman-fooling-around-car_23-2148149988.jpg", imageAlt: "luxurious black SUV driveway glass replacement" },
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-tree-reflected-car-s-side-mirror_181624-2966.jpg", imageAlt: "luxurious black SUV driveway glass replacement" },
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={true}
title="Trusted by Families Across South Carolina"
description={[
"We know broken glass can ruin your day. Most customers are scheduled within 2448 hours.",
"From paperwork to approvals, we make the process effortless.",
"Home, office, driveway, jobsite — our mobile technicians save you time.",
]}
/>
</div>
<div id="about" data-section="about">
<TextSplitAbout
useInvertedBackground={true}
title="Trusted by Families Across South Carolina"
description={[
"We know broken glass can ruin your day. Most customers are scheduled within 2448 hours.", "From paperwork to approvals, we make the process effortless.", "Home, office, driveway, jobsite — our mobile technicians save you time."]}
/>
</div>
<div id="services" data-section="services">
<ProductCardFour
animationType="slide-up"
textboxLayout="split-description"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Windshield Replacement",
price: "Expertise",
variant: "Core",
imageSrc: "http://img.b2bpic.net/free-vector/auto-icon-set_1262-4092.jpg?_wi=1",
},
{
id: "p2",
name: "Windshield Repair",
price: "Fast",
variant: "Core",
imageSrc: "http://img.b2bpic.net/free-photo/screen-icon-front-side_187299-39667.jpg",
},
{
id: "p3",
name: "Door Glass",
price: "Premium",
variant: "Core",
imageSrc: "http://img.b2bpic.net/free-vector/set-vector-thin-line-icons-car-dealer-auto-sale-dealership-automotive-industry-vehicle_88138-2077.jpg",
},
{
id: "p4",
name: "Back Glass",
price: "Standard",
variant: "Core",
imageSrc: "http://img.b2bpic.net/free-vector/crossed-screwdriver-wrench-brick-background-neon-style-illustration_1262-13412.jpg",
},
{
id: "p5",
name: "Sunroof Glass",
price: "Specialist",
variant: "Core",
imageSrc: "http://img.b2bpic.net/free-photo/transportation-concept-with-car_23-2148996437.jpg",
},
{
id: "p6",
name: "Insurance Support",
price: "Zero Hassle",
variant: "Support",
imageSrc: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg",
},
]}
title="Professional Services"
description="Comprehensive auto glass solutions tailored to your vehicle."
/>
</div>
<div id="services" data-section="services">
<ProductCardFour
animationType="slide-up"
textboxLayout="split-description"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Windshield Replacement", price: "Expertise", variant: "Core", imageSrc: "http://img.b2bpic.net/free-vector/auto-icon-set_1262-4092.jpg" },
{ id: "p2", name: "Windshield Repair", price: "Fast", variant: "Core", imageSrc: "http://img.b2bpic.net/free-photo/screen-icon-front-side_187299-39667.jpg" },
{ id: "p3", name: "Door Glass", price: "Premium", variant: "Core", imageSrc: "http://img.b2bpic.net/free-vector/set-vector-thin-line-icons-car-dealer-auto-sale-dealership-automotive-industry-vehicle_88138-2077.jpg" },
{ id: "p4", name: "Back Glass", price: "Standard", variant: "Core", imageSrc: "http://img.b2bpic.net/free-vector/crossed-screwdriver-wrench-brick-background-neon-style-illustration_1262-13412.jpg" },
{ id: "p5", name: "Sunroof Glass", price: "Specialist", variant: "Core", imageSrc: "http://img.b2bpic.net/free-photo/transportation-concept-with-car_23-2148996437.jpg" },
{ id: "p6", name: "Insurance Support", price: "Zero Hassle", variant: "Support", imageSrc: "http://img.b2bpic.net/free-vector/auto-mechanic-flat-icons-set_1284-10531.jpg" },
]}
title="Professional Services"
description="Comprehensive auto glass solutions tailored to your vehicle."
/>
</div>
<div id="process" data-section="process">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Call Us",
description: "Request a quote instantly.",
icon: Phone,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-repair-shop-labels_23-2149725114.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/competition-upset-company-computer-graphic-technology_1134-1099.jpg",
},
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3De2hEM8RmO7IRFXZtJ69By7sQp/uploaded-1778628370794-eejvqfle.png",
imageAlt: "glass repair icon gold outline",
},
{
title: "Verify Insurance",
description: "We handle all paperwork.",
icon: FileText,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-vector/taxi-service-onboarding-app-screens_23-2148407486.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-vector/golden-polygonal-frame-set_23-2148324690.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/smart-bearded-man-is-leaning-his-car-he-is-wearing-shirt-suspender-sunglasses-he-has-tattoes-watch-his-arms-there-are-slum-tree-background_613910-20736.jpg?_wi=2",
imageAlt: "glass repair icon gold outline",
},
{
title: "Mobile Arrival",
description: "We come to your location.",
icon: MapPin,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-vector/evacuating-car-wrench-clipboard-oil-canister-neon-signs-set_1262-19589.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-vector/flat-repair-shop-business-labels-collection_23-2149538683.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-vector/auto-icon-set_1262-4092.jpg?_wi=2",
imageAlt: "glass repair icon gold outline",
},
]}
title="Simple. Fast. Done."
description="Our seamless process ensures your day goes undisturbed while we handle your auto glass needs."
/>
</div>
<div id="process" data-section="process">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{ title: "Call Us", description: "Request a quote instantly.", icon: Phone, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-vector/flat-design-repair-shop-labels_23-2149725114.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/competition-upset-company-computer-graphic-technology_1134-1099.jpg" }] },
{ title: "Verify Insurance", description: "We handle all paperwork.", icon: FileText, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-vector/taxi-service-onboarding-app-screens_23-2148407486.jpg" }, { imageSrc: "http://img.b2bpic.net/free-vector/golden-polygonal-frame-set_23-2148324690.jpg" }] },
{ title: "Mobile Arrival", description: "We come to your location.", icon: MapPin, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-vector/evacuating-car-wrench-clipboard-oil-canister-neon-signs-set_1262-19589.jpg" }, { imageSrc: "http://img.b2bpic.net/free-vector/flat-repair-shop-business-labels-collection_23-2149538683.jpg" }] },
]}
title="Simple. Fast. Done."
description="Our seamless process ensures your day goes undisturbed while we handle your auto glass needs."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "John Cottrell",
handle: "Local Driver",
testimonial: "I called AAA Glass around 9am and by 12:30 they had already installed, cleaned, and reassembled everything. Incredible service.",
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-showing-empty-hands-isolated-orange_141793-84085.jpg",
},
{
id: "2",
name: "Sarah P.",
handle: "Local Driver",
testimonial: "Instant relief. Handled everything from start to finish.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-smiling_23-2148546047.jpg",
},
{
id: "3",
name: "Mike L.",
handle: "Local Driver",
testimonial: "Professional, clean, and no hassle. Simply the best.",
imageSrc: "http://img.b2bpic.net/free-photo/bike-shop-with-shop-assistant_23-2148138714.jpg",
},
{
id: "4",
name: "Emily D.",
handle: "Local Driver",
testimonial: "Same day repair before Christmas Eve. My heroes!",
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-bald-call-center-man-putting-hand-waist-pointing-isolated-white-with-copy-space_141793-76740.jpg",
},
{
id: "5",
name: "David W.",
handle: "Local Driver",
testimonial: "Everything was perfect. Stress-free experience.",
imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-portrait_23-2151582490.jpg",
},
]}
title="Customers For Life."
description="Hear directly from those who trust our service for their automotive glass needs."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "John Cottrell", handle: "Local Driver", testimonial: "I called AAA Glass around 9am and by 12:30 they had already installed, cleaned, and reassembled everything. Incredible service.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-showing-empty-hands-isolated-orange_141793-84085.jpg" },
{ id: "2", name: "Sarah P.", handle: "Local Driver", testimonial: "Instant relief. Handled everything from start to finish.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-smiling_23-2148546047.jpg" },
{ id: "3", name: "Mike L.", handle: "Local Driver", testimonial: "Professional, clean, and no hassle. Simply the best.", imageSrc: "http://img.b2bpic.net/free-photo/bike-shop-with-shop-assistant_23-2148138714.jpg" },
{ id: "4", name: "Emily D.", handle: "Local Driver", testimonial: "Same day repair before Christmas Eve. My heroes!", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-bald-call-center-man-putting-hand-waist-pointing-isolated-white-with-copy-space_141793-76740.jpg" },
{ id: "5", name: "David W.", handle: "Local Driver", testimonial: "Everything was perfect. Stress-free experience.", imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-portrait_23-2151582490.jpg" },
]}
title="Customers For Life."
description="Hear directly from those who trust our service for their automotive glass needs."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "15+",
title: "Years Experience",
items: [
"Deep local roots",
"Expert technicians",
],
},
{
id: "m2",
value: "500+",
title: "5-Star Reviews",
items: [
"Customer satisfaction",
"Proven track record",
],
},
{
id: "m3",
value: "5000+",
title: "Windshields Replaced",
items: [
"High quality standards",
"Lifetime warranty",
],
},
]}
title="By The Numbers"
description="Proven results for local drivers."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "15+", title: "Years Experience", items: ["Deep local roots", "Expert technicians"] },
{ id: "m2", value: "500+", title: "5-Star Reviews", items: ["Customer satisfaction", "Proven track record"] },
{ id: "m3", value: "5000+", title: "Windshields Replaced", items: ["High quality standards", "Lifetime warranty"] },
]}
title="By The Numbers"
description="Proven results for local drivers."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do you work with insurance?",
content: "Yes, we handle insurance claims for you.",
},
{
id: "f2",
title: "How quickly can you fix it?",
content: "Most jobs scheduled within 24-48 hours.",
},
{
id: "f3",
title: "Is mobile service extra?",
content: "Mobile service is included in your repair.",
},
]}
title="Common Questions"
description="Answers to keep your day stress-free."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Do you work with insurance?", content: "Yes, we handle insurance claims for you." },
{ id: "f2", title: "How quickly can you fix it?", content: "Most jobs scheduled within 24-48 hours." },
{ id: "f3", title: "Is mobile service extra?", content: "Mobile service is included in your repair." },
]}
title="Common Questions"
description="Answers to keep your day stress-free."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
title="Broken Glass? Well Handle It."
description="Fast scheduling and insurance assistance starts with a quick quote."
imageSrc="http://img.b2bpic.net/free-photo/abstract-background-with-patterned-glass-texture_53876-132950.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Contact"
useInvertedBackground={true}
background={{ variant: "plain" }}
title="Broken Glass? Well Handle It."
description="Fast scheduling and insurance assistance starts with a quick quote."
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3De2hEM8RmO7IRFXZtJ69By7sQp/uploaded-1778628370794-eejvqfle.png"
columns={[
{
items: [
{
label: "Services",
href: "#services",
},
{
label: "Reviews",
href: "#testimonials",
},
],
},
{
items: [
{
label: "About",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
],
},
]}
logoText="AAA Auto Glass"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3De2hEM8RmO7IRFXZtJ69By7sQp/uploaded-1778628370794-eejvqfle.png"
columns={[
{ items: [{ label: "Services", href: "#services" }, { label: "Reviews", href: "#testimonials" }] },
{ items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
]}
logoText="AAA Auto Glass"
/>
</div>
</ReactLenis>
</ThemeProvider>
);