Merge version_1 into main #2
@@ -22,62 +22,40 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "/inventory",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Core Code Motors"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Inventory", id: "/inventory" }, { name: "Reviews", id: "/reviews" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="Core Code Motors"
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-intro" data-section="about-intro">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Decades of Excellence"
|
||||
description="Serving the automotive needs of Lebanon with precision and trust since 2005."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/professional-dealership-interior-with-br-1774876099702-f663a73f.png"
|
||||
imageAlt="Modern car showroom interior"
|
||||
/>
|
||||
</div>
|
||||
<div id="about-intro" data-section="about-intro">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Decades of Excellence"
|
||||
description="Serving the automotive needs of Lebanon with precision and trust since 2005."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/professional-dealership-interior-with-br-1774876099702-f663a73f.png"
|
||||
imageAlt="Modern car showroom interior"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Heritage"
|
||||
description={[
|
||||
"Founded in 2005, Core Code Motors has transformed the way Lebanese drivers experience automotive luxury.",
|
||||
"Our commitment to transparency and quality has made us the trusted name in the industry.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Heritage"
|
||||
description={[
|
||||
"Founded in 2005, Core Code Motors has transformed the way Lebanese drivers experience automotive luxury.", "Our commitment to transparency and quality has made us the trusted name in the industry."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Core Code Motors"
|
||||
copyrightText="© 2026 Core Code Studio"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Core Code Motors"
|
||||
copyrightText="© 2026 Core Code Studio"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -23,90 +23,48 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "/inventory",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Core Code Motors"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Inventory", id: "/inventory" }, { name: "Reviews", id: "/reviews" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="Core Code Motors"
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-section" data-section="contact-section">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Working Hours",
|
||||
content: "Mon-Sat: 9am - 7pm",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Location",
|
||||
content: "Main Road, Lebanon",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "WhatsApp Support",
|
||||
content: "+961 70 000 000",
|
||||
},
|
||||
]}
|
||||
ctaTitle="Visit Our Showroom"
|
||||
ctaDescription="Get in touch for appointments or test drives."
|
||||
ctaButton={{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
}}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact-section" data-section="contact-section">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Working Hours", content: "Mon-Sat: 9am - 7pm" },
|
||||
{ id: "q2", title: "Location", content: "Main Road, Lebanon" },
|
||||
{ id: "q3", title: "WhatsApp Support", content: "+961 70 000 000" }
|
||||
]}
|
||||
ctaTitle="Visit Our Showroom"
|
||||
ctaDescription="Get in touch for appointments or test drives."
|
||||
ctaButton={{ text: "Contact Us", href: "/contact" }}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Ready to test drive?"
|
||||
description="Stop by our showroom today and explore our latest inventory in person."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Ready to test drive?"
|
||||
description="Stop by our showroom today and explore our latest inventory in person."
|
||||
buttons={[{ text: "Get Directions", href: "/contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Core Code Motors"
|
||||
copyrightText="© 2026 Core Code Studio"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Core Code Motors"
|
||||
copyrightText="© 2026 Core Code Studio"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -23,92 +23,46 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "/inventory",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Core Code Motors"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Inventory", id: "/inventory" }, { name: "Reviews", id: "/reviews" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="Core Code Motors"
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="inventory-main" data-section="inventory-main">
|
||||
<ProductCatalog
|
||||
layout="page"
|
||||
products={[
|
||||
{
|
||||
id: "car-1",
|
||||
name: "Performance GT",
|
||||
price: "$120,000",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/performance-gt-silver-color-sleek-profes-1774876102109-73ed2e09.png",
|
||||
rating: 5,
|
||||
},
|
||||
{
|
||||
id: "car-2",
|
||||
name: "Luxury SUV",
|
||||
price: "$85,000",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/white-luxury-suv-clean-lighting-1774876097748-aeef20fc.png",
|
||||
rating: 5,
|
||||
},
|
||||
{
|
||||
id: "car-3",
|
||||
name: "Urban Hybrid",
|
||||
price: "$45,000",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/compact-hybrid-urban-car-blue-1774876096720-b8f3dac1.png",
|
||||
rating: 4,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="inventory-main" data-section="inventory-main">
|
||||
<ProductCatalog
|
||||
layout="page"
|
||||
products={[
|
||||
{ id: "car-1", name: "Performance GT", price: "$120,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/performance-gt-silver-color-sleek-profes-1774876102109-73ed2e09.png", rating: 5 },
|
||||
{ id: "car-2", name: "Luxury SUV", price: "$85,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/white-luxury-suv-clean-lighting-1774876097748-aeef20fc.png", rating: 5 },
|
||||
{ id: "car-3", name: "Urban Hybrid", price: "$45,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/compact-hybrid-urban-car-blue-1774876096720-b8f3dac1.png", rating: 4 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Us"
|
||||
description="Benefits of buying from Core Code Motors."
|
||||
features={[
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Certified Pre-Owned",
|
||||
description: "Every car undergoes a rigorous 100-point inspection.",
|
||||
},
|
||||
{
|
||||
icon: DollarSign,
|
||||
title: "Flexible Financing",
|
||||
description: "Custom financing options tailored to your needs.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Us"
|
||||
description="Benefits of buying from Core Code Motors."
|
||||
features={[
|
||||
{ icon: Shield, title: "Certified Pre-Owned", description: "Every car undergoes a rigorous 100-point inspection." },
|
||||
{ icon: DollarSign, title: "Flexible Financing", description: "Custom financing options tailored to your needs." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Core Code Motors"
|
||||
copyrightText="© 2026 Core Code Studio"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Core Code Motors"
|
||||
copyrightText="© 2026 Core Code Studio"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
165
src/app/page.tsx
165
src/app/page.tsx
@@ -25,108 +25,81 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "/inventory",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Core Code Motors"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Inventory", id: "/inventory" }, { name: "Reviews", id: "/reviews" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="Core Code Motors"
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Drive Your Dream Today"
|
||||
description="Exotic performance and premium luxury vehicles curated for the Lebanese roads."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/luxury-performance-car-in-a-modern-high--1774876096870-3053b235.png?_wi=1",
|
||||
imageAlt: "Luxury Sedan",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/sport-coupe-in-red-with-clean-background-1774876096422-602f85d7.png",
|
||||
imageAlt: "Sport Coupe",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/premium-suv-parked-in-professional-showr-1774876097003-81f59432.png?_wi=1",
|
||||
imageAlt: "SUV Premium",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/electric-luxury-car-with-futuristic-aest-1774876099399-504b7874.png",
|
||||
imageAlt: "Electric Drive",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/classic-high-performance-coupe-vintage-1774876100353-a2b76485.png",
|
||||
imageAlt: "Classic Vintage",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/wide-shot-of-a-clean-high-end-car-showro-1774876097676-4253ea22.png?_wi=1",
|
||||
imageAlt: "Supercar Showroom",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Drive Your Dream Today"
|
||||
description="Exotic performance and premium luxury vehicles curated for the Lebanese roads."
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/luxury-performance-car-in-a-modern-high--1774876096870-3053b235.png", imageAlt: "Luxury Sedan" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/sport-coupe-in-red-with-clean-background-1774876096422-602f85d7.png", imageAlt: "Sport Coupe" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/premium-suv-parked-in-professional-showr-1774876097003-81f59432.png", imageAlt: "SUV Premium" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/electric-luxury-car-with-futuristic-aest-1774876099399-504b7874.png", imageAlt: "Electric Drive" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/classic-high-performance-coupe-vintage-1774876100353-a2b76485.png", imageAlt: "Classic Vintage" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Meet Our Team"
|
||||
description="The experts driving our excellence."
|
||||
members={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/luxury-performance-car-in-a-modern-high--1774876096870-3053b235.png?_wi=2"
|
||||
imageAlt="Luxury performance car in a modern high-end studio showroom with dramatic lighting, sleek design."
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/luxury-performance-car-in-a-modern-high--1774876096870-3053b235.png"
|
||||
imageAlt="Luxury performance car in a modern high-end studio showroom with dramatic lighting, sleek design."
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common inquiries."
|
||||
faqs={[]}
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Service Packages"
|
||||
description="Choose the maintenance plan that fits you."
|
||||
plans={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection />
|
||||
</div>
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection
|
||||
layout="default"
|
||||
title="Legal"
|
||||
sections={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Core Code Motors"
|
||||
copyrightText="© 2026 Core Code Studio"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Core Code Motors"
|
||||
copyrightText="© 2026 Core Code Studio"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -22,114 +22,52 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Inventory",
|
||||
id: "/inventory",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Core Code Motors"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Inventory", id: "/inventory" }, { name: "Reviews", id: "/reviews" }, { name: "Contact", id: "/contact" }]}
|
||||
brandName="Core Code Motors"
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Karim M.",
|
||||
role: "Collector",
|
||||
testimonial: "The best selection in Dekweneh. Exceptional service.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/portrait-of-a-mature-male-executive-1774876100178-a6ab18ca.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Nadine S.",
|
||||
role: "Business Owner",
|
||||
testimonial: "Reliable and transparent. Highly recommended dealership.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/portrait-of-a-smiling-successful-woman-1774876096824-46bf2acf.png",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Ziad H.",
|
||||
role: "Enthusiast",
|
||||
testimonial: "Fastest WhatsApp response and premium cars.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/portrait-of-a-young-car-enthusiast-man-1774876097089-0be00cf4.png",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sara D.",
|
||||
role: "Professional",
|
||||
testimonial: "Smooth process from enquiry to handover. Thank you!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/portrait-of-a-confident-professional-fem-1774876098121-c61466f5.png",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Omar F.",
|
||||
role: "VIP Client",
|
||||
testimonial: "World class service, my go-to dealership in Beirut.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/portrait-of-a-mature-male-executive-1774876100178-a6ab18ca.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Authentic experiences from our satisfied customers."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="What Clients Say"
|
||||
description="Authentic experiences from our satisfied customers."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Karim M.", role: "Collector", testimonial: "The best selection in Dekweneh. Exceptional service.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/portrait-of-a-mature-male-executive-1774876100178-a6ab18ca.jpg" },
|
||||
{ id: "t2", name: "Nadine S.", role: "Business Owner", testimonial: "Reliable and transparent. Highly recommended dealership.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/portrait-of-a-smiling-successful-woman-1774876096824-46bf2acf.png" },
|
||||
{ id: "t3", name: "Ziad H.", role: "Enthusiast", testimonial: "Fastest WhatsApp response and premium cars.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/portrait-of-a-young-car-enthusiast-man-1774876097089-0be00cf4.png" },
|
||||
{ id: "t4", name: "Sara D.", role: "Professional", testimonial: "Smooth process from enquiry to handover. Thank you!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/portrait-of-a-confident-professional-fem-1774876098121-c61466f5.png" },
|
||||
{ id: "t5", name: "Omar F.", role: "VIP Client", testimonial: "World class service, my go-to dealership in Beirut.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/portrait-of-a-mature-male-executive-1774876100178-a6ab18ca.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
description="Numbers that define our success."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1500+",
|
||||
title: "Cars Sold",
|
||||
description: "Happy clients across the country.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/premium-suv-parked-in-professional-showr-1774876097003-81f59432.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5.0",
|
||||
title: "Average Rating",
|
||||
description: "Consistent 5-star service.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/wide-shot-of-a-clean-high-end-car-showro-1774876097676-4253ea22.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
description="Numbers that define our success."
|
||||
metrics={[
|
||||
{ id: "m1", value: "1500+", title: "Cars Sold", description: "Happy clients across the country.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/premium-suv-parked-in-professional-showr-1774876097003-81f59432.png" },
|
||||
{ id: "m2", value: "5.0", title: "Average Rating", description: "Consistent 5-star service.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BfND76Tg2UUcx54pIUQkTeDQUz/wide-shot-of-a-clean-high-end-car-showro-1774876097676-4253ea22.png" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Core Code Motors"
|
||||
copyrightText="© 2026 Core Code Studio"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Core Code Motors"
|
||||
copyrightText="© 2026 Core Code Studio"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user