Merge version_1 into main #1
473
src/app/page.tsx
473
src/app/page.tsx
@@ -18,343 +18,162 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Blaine Auto Spa"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Work", id: "work" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Blaine Auto Spa"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Premium Window Tint & Auto Detailing in Blaine, MN"
|
||||
description="Giving your vehicle the care it deserves. Expert tinting, paint correction, and interior detailing services tailored for your lifestyle."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-car-service-doing-car-ceramic-procedure_1303-29063.jpg",
|
||||
imageAlt: "Professional Window Tinting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32329.jpg",
|
||||
imageAlt: "High Quality Tint",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seller-man-mobile-phone-professional-consultant-tech-store-shop_627829-4971.jpg",
|
||||
imageAlt: "Automotive Tinting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22299.jpg",
|
||||
imageAlt: "Interior Detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cool-old-woman-with-motorbike_23-2150647783.jpg",
|
||||
imageAlt: "Exterior Polish",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193587.jpg",
|
||||
imageAlt: "Interior Detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22310.jpg",
|
||||
imageAlt: "Exterior Polish",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-inside-car-service_1303-26883.jpg",
|
||||
imageAlt: "Deep Clean",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-giving-order-curbside-pickup_23-2149106377.jpg",
|
||||
imageAlt: "Professional Window Tinting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-customer-examining-car-hood-while-being-auto-repair-shop_637285-7710.jpg",
|
||||
imageAlt: "High Quality Tint",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342627.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22303.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-holding-gearstick_53876-20766.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-polish-salon-car-garage_1157-36596.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193627.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ Blaine Drivers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ceramic Pro Certified",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "LLumar Elite Dealer",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "10+ Years Experience",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lifetime Warranty",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fully Insured",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "plain" }}
|
||||
title="Premium Window Tint & Auto Detailing in Blaine, MN"
|
||||
description="Giving your vehicle the care it deserves. Expert tinting, paint correction, and interior detailing services tailored for your lifestyle."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-car-service-doing-car-ceramic-procedure_1303-29063.jpg", imageAlt: "Professional Window Tinting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32329.jpg", imageAlt: "High Quality Tint" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/seller-man-mobile-phone-professional-consultant-tech-store-shop_627829-4971.jpg", imageAlt: "Automotive Tinting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22299.jpg", imageAlt: "Interior Detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cool-old-woman-with-motorbike_23-2150647783.jpg", imageAlt: "Exterior Polish" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193587.jpg", imageAlt: "Interior Detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22310.jpg", imageAlt: "Exterior Polish" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-inside-car-service_1303-26883.jpg", imageAlt: "Deep Clean" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-giving-order-curbside-pickup_23-2149106377.jpg", imageAlt: "Professional Window Tinting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-customer-examining-car-hood-while-being-auto-repair-shop_637285-7710.jpg", imageAlt: "High Quality Tint" }
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "#contact" }, { text: "View Services", href: "#features" }]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342627.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22303.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-holding-gearstick_53876-20766.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-polish-salon-car-garage_1157-36596.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193627.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ Blaine Drivers"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Ceramic Pro Certified" },
|
||||
{ type: "text", text: "LLumar Elite Dealer" },
|
||||
{ type: "text", text: "10+ Years Experience" },
|
||||
{ type: "text", text: "Lifetime Warranty" },
|
||||
{ type: "text", text: "Fully Insured" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Serving the Blaine Community for over 10 Years",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32019.jpg",
|
||||
alt: "Local Blaine Shop",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Serving the Blaine Community for over 10 Years" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32019.jpg", alt: "Local Blaine Shop" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Window Tinting",
|
||||
subtitle: "Heat rejection and UV protection.",
|
||||
category: "Tint",
|
||||
value: "Lifetime Warranty",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Full Interior Detail",
|
||||
subtitle: "Deep cleaning for a fresh car.",
|
||||
category: "Detailing",
|
||||
value: "Like-New Feel",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Paint Correction",
|
||||
subtitle: "Restore your vehicle's gloss.",
|
||||
category: "Detailing",
|
||||
value: "Showroom Shine",
|
||||
},
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="Comprehensive auto care solutions delivered with precision."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "1", title: "Window Tinting", subtitle: "Heat rejection and UV protection.", category: "Tint", value: "Lifetime Warranty" },
|
||||
{ id: "2", title: "Full Interior Detail", subtitle: "Deep cleaning for a fresh car.", category: "Detailing", value: "Like-New Feel" },
|
||||
{ id: "3", title: "Paint Correction", subtitle: "Restore your vehicle's gloss.", category: "Detailing", value: "Showroom Shine" }
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="Comprehensive auto care solutions delivered with precision."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="work" data-section="work">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Sedan Tint Package",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-car_1157-6517.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "SUV Full Detail",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-car-rental-landing-page_23-2149241967.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Luxury Ceramic Coat",
|
||||
price: "$899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-black-car_181624-23579.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Headlight Restoration",
|
||||
price: "$99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-headlights-gray-car-with-man_158538-8150.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Interior Sanitization",
|
||||
price: "$149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552293.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Full Exterior Wax",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194127.jpg",
|
||||
},
|
||||
]}
|
||||
title="Recent Projects"
|
||||
description="See the transformation of our local Blaine vehicles."
|
||||
/>
|
||||
</div>
|
||||
<div id="work" data-section="work">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Sedan Tint Package", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/girl-car_1157-6517.jpg" },
|
||||
{ id: "p2", name: "SUV Full Detail", price: "$199", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-car-rental-landing-page_23-2149241967.jpg" },
|
||||
{ id: "p3", name: "Luxury Ceramic Coat", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-black-car_181624-23579.jpg" },
|
||||
{ id: "p4", name: "Headlight Restoration", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/closeup-headlights-gray-car-with-man_158538-8150.jpg" },
|
||||
{ id: "p5", name: "Interior Sanitization", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552293.jpg" },
|
||||
{ id: "p6", name: "Full Exterior Wax", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194127.jpg" }
|
||||
]}
|
||||
title="Recent Projects"
|
||||
description="See the transformation of our local Blaine vehicles."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-beige-turtleneck-smiling-broadly-showing-teeth_141793-55127.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Carol White",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-relaxing-outdoor-cafe-sunny-day_273609-12538.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Brown",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-with-open-hands-smiling_23-2152009543.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Eve Davis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="What Blaine Locals Are Saying"
|
||||
cardAnimation="slide-up"
|
||||
cardTag="Testimonials"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
cardAnimation="slide-up"
|
||||
cardTitle="What Blaine Locals Are Saying"
|
||||
cardTag="Testimonials"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alice Johnson", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg" },
|
||||
{ id: "t2", name: "Bob Smith", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-beige-turtleneck-smiling-broadly-showing-teeth_141793-55127.jpg" },
|
||||
{ id: "t3", name: "Carol White", imageSrc: "http://img.b2bpic.net/free-photo/pretty-girl-relaxing-outdoor-cafe-sunny-day_273609-12538.jpg" },
|
||||
{ id: "t4", name: "David Brown", imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-with-open-hands-smiling_23-2152009543.jpg" },
|
||||
{ id: "t5", name: "Eve Davis", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you use high quality film?",
|
||||
content: "Yes, we only use industry-leading ceramic films.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long does detailing take?",
|
||||
content: "Typically 3-5 hours depending on package.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where are you located in Blaine?",
|
||||
content: "We are centrally located right off Highway 65.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We've got answers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We've got answers."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you use high quality film?", content: "Yes, we only use industry-leading ceramic films." },
|
||||
{ id: "f2", title: "How long does detailing take?", content: "Typically 3-5 hours depending on package." },
|
||||
{ id: "f3", title: "Where are you located in Blaine?", content: "We are centrally located right off Highway 65." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Get a Free Quote"
|
||||
description="Enter your email to start your booking process."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Get a Free Quote"
|
||||
description="Enter your email to start your booking process."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Work",
|
||||
href: "#work",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Blaine Auto Spa"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Blaine Auto Spa"
|
||||
columns={[
|
||||
{ items: [{ label: "Services", href: "#features" }, { label: "Work", href: "#work" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user