Merge version_1 into main #2
375
src/app/page.tsx
375
src/app/page.tsx
@@ -26,279 +26,120 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Sydney Automotive"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Sydney Automotive"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
title="Premium Automotive & Electrical Care"
|
||||
description="Professional diagnostics, precision repairs, and transparent service for your vehicle. Sydney's trusted name in automotive excellence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Service",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-black-white-background_23-2150498625.jpg?_wi=1"
|
||||
imageAlt="Luxurious workshop interior"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-people-using-digital-tablet-airport_107420-95868.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826968.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businessman-making-hand-gesture-with-cup-coffee-laptop-desk_23-2147955285.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-smiling-businessman-shaking-male-hand-meeting-first-im_1163-5278.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photographer-taking-photo-woman-model_23-2148532618.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy Sydney drivers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Certified Technicians",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Spare Parts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Advanced Diagnostics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Same-Day Service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Warranty Guaranteed",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "animated-grid" }}
|
||||
title="Premium Automotive & Electrical Care"
|
||||
description="Professional diagnostics, precision repairs, and transparent service for your vehicle. Sydney's trusted name in automotive excellence."
|
||||
buttons={[
|
||||
{ text: "Book Service", href: "#contact" },
|
||||
{ text: "Our Services", href: "#services" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-black-white-background_23-2150498625.jpg"
|
||||
imageAlt="Luxurious workshop interior"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-people-using-digital-tablet-airport_107420-95868.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-people-working-together_23-2148826968.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-businessman-making-hand-gesture-with-cup-coffee-laptop-desk_23-2147955285.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-smiling-businessman-shaking-male-hand-meeting-first-im_1163-5278.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/photographer-taking-photo-woman-model_23-2148532618.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy Sydney drivers"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Certified Technicians" },
|
||||
{ type: "text", text: "Premium Spare Parts" },
|
||||
{ type: "text", text: "Advanced Diagnostics" },
|
||||
{ type: "text", text: "Same-Day Service" },
|
||||
{ type: "text", text: "Warranty Guaranteed" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Engine Diagnostics",
|
||||
description: "Precision troubleshooting and high-tech diagnostics.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lot-old-instruments-tool-box_146671-19078.jpg?_wi=1",
|
||||
imageAlt: "automotive engine diagnostic professional",
|
||||
},
|
||||
{
|
||||
title: "Brake Systems",
|
||||
description: "Full inspection and reliable repairs.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-black-white-background_23-2150498625.jpg?_wi=2",
|
||||
imageAlt: "automotive engine diagnostic professional",
|
||||
},
|
||||
{
|
||||
title: "Electrical Systems",
|
||||
description: "Advanced electrical testing and battery care.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-fixing-car-brake_1170-1623.jpg?_wi=1",
|
||||
imageAlt: "automotive engine diagnostic professional",
|
||||
},
|
||||
{
|
||||
title: "Oil & Fluids",
|
||||
description: "Premium engine care and fluid top-ups.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Droplets,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-digital-tablet-while-charging-electric-car_107420-94880.jpg?_wi=1",
|
||||
imageAlt: "automotive engine diagnostic professional",
|
||||
},
|
||||
{
|
||||
title: "Suspension & Steering",
|
||||
description: "Optimal handling and road safety.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Settings,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-repairman-wearing-white-uniform-standing-holding-wrench-that-is-essential-tool-mechanic_1150-16587.jpg?_wi=1",
|
||||
imageAlt: "automotive engine diagnostic professional",
|
||||
},
|
||||
{
|
||||
title: "Tire Services",
|
||||
description: "Professional wheel care and maintenance.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Target,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-checks-vehicle-with-device_482257-75649.jpg",
|
||||
imageAlt: "automotive engine diagnostic professional",
|
||||
},
|
||||
]}
|
||||
title="Expert Automotive Services"
|
||||
description="Comprehensive repair and maintenance solutions delivered with premium quality and transparency."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Expert Automotive Services"
|
||||
description="Comprehensive repair and maintenance solutions delivered with premium quality and transparency."
|
||||
features={[
|
||||
{ title: "Engine Diagnostics", description: "Precision troubleshooting and high-tech diagnostics.", bentoComponent: "reveal-icon", icon: Zap },
|
||||
{ title: "Brake Systems", description: "Full inspection and reliable repairs.", bentoComponent: "reveal-icon", icon: Shield },
|
||||
{ title: "Electrical Systems", description: "Advanced electrical testing and battery care.", bentoComponent: "reveal-icon", icon: Zap },
|
||||
{ title: "Oil & Fluids", description: "Premium engine care and fluid top-ups.", bentoComponent: "reveal-icon", icon: Droplets },
|
||||
{ title: "Suspension & Steering", description: "Optimal handling and road safety.", bentoComponent: "reveal-icon", icon: Settings },
|
||||
{ title: "Tire Services", description: "Professional wheel care and maintenance.", bentoComponent: "reveal-icon", icon: Target },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
date: "Oct 2023",
|
||||
title: "Great Service",
|
||||
quote: "Incredible work. Transparent, fast, and high quality.",
|
||||
tag: "5 stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessmen-office_1098-240.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-black-white-background_23-2150498625.jpg?_wi=3",
|
||||
imageAlt: "happy customer portrait",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark L.",
|
||||
date: "Sep 2023",
|
||||
title: "Very Happy",
|
||||
quote: "Fixed my electrical issue in a few hours. Top notch.",
|
||||
tag: "5 stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-photographers-photo-art-concept_23-2148565561.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lot-old-instruments-tool-box_146671-19078.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "James K.",
|
||||
date: "Aug 2023",
|
||||
title: "Luxury Standard",
|
||||
quote: "Highly recommended for all makes and models.",
|
||||
tag: "5 stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-fixing-car-brake_1170-1623.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena R.",
|
||||
date: "Jul 2023",
|
||||
title: "Best in Sydney",
|
||||
quote: "Friendly team, professional tools and great atmosphere.",
|
||||
tag: "5 stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-digital-tablet-while-charging-electric-car_107420-94880.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David W.",
|
||||
date: "Jun 2023",
|
||||
title: "Reliable",
|
||||
quote: "My go-to place for all car maintenance.",
|
||||
tag: "5 stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-repairman-wearing-white-uniform-standing-holding-wrench-that-is-essential-tool-mechanic_1150-16587.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Sydney"
|
||||
description="Hear what our premium clients say about our service excellence."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Sydney"
|
||||
description="Hear what our premium clients say about our service excellence."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", date: "Oct 2023", title: "Great Service", quote: "Incredible work. Transparent, fast, and high quality.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessmen-office_1098-240.jpg" },
|
||||
{ id: "2", name: "Mark L.", date: "Sep 2023", title: "Very Happy", quote: "Fixed my electrical issue in a few hours. Top notch.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/woman-photographers-photo-art-concept_23-2148565561.jpg" },
|
||||
{ id: "3", name: "James K.", date: "Aug 2023", title: "Luxury Standard", quote: "Highly recommended for all makes and models.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg" },
|
||||
{ id: "4", name: "Elena R.", date: "Jul 2023", title: "Best in Sydney", quote: "Friendly team, professional tools and great atmosphere.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg" },
|
||||
{ id: "5", name: "David W.", date: "Jun 2023", title: "Reliable", quote: "My go-to place for all car maintenance.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about our automotive services."
|
||||
faqs={[
|
||||
{ question: "Do you offer warranty?", answer: "Yes, all our services come with a warranty guarantee." },
|
||||
{ question: "Can I book same-day service?", answer: "We prioritize emergency diagnostics for our clients." }
|
||||
]}
|
||||
faqsAnimation="opacity"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Book Your Service"
|
||||
description="Ready to get back on the road? Send us a message."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Service required, vehicle details, etc.",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-mechanic-working-shop-car_23-2150169971.jpg"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Book Your Service"
|
||||
description="Ready to get back on the road? Send us a message."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Service required, vehicle details, etc.", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-mechanic-working-shop-car_23-2150169971.jpg"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Sydney Automotive & Auto Electrical"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Sydney Automotive & Auto Electrical"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user