Update src/app/page.tsx
This commit is contained in:
289
src/app/page.tsx
289
src/app/page.tsx
@@ -32,18 +32,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Cars",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="MarocAuto"
|
||||
/>
|
||||
@@ -51,60 +42,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Luxury Motoring in Morocco"
|
||||
description="Discover a curated selection of premium vehicles, expertly serviced and ready for the road. Your journey begins with excellence."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg",
|
||||
alt: "Happy customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/thrilled-confident-manager-business-attire-celebrates-victorious-milestone_482257-111932.jpg",
|
||||
alt: "Happy customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up_23-2148628939.jpg",
|
||||
alt: "Happy customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg",
|
||||
alt: "Older woman with thumb up",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-cute-africanamerican-girl-smiling-pleased-showing-thumbsup-approval-lik_1258-149049.jpg",
|
||||
alt: "Portrait of happy and cute africanamerican girl",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Catalog",
|
||||
href: "#products",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg", alt: "Happy customer portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/thrilled-confident-manager-business-attire-celebrates-victorious-milestone_482257-111932.jpg", alt: "Happy customer portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up_23-2148628939.jpg", alt: "Happy customer portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg", alt: "Older woman with thumb up" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-cute-africanamerican-girl-smiling-pleased-showing-thumbsup-approval-lik_1258-149049.jpg", alt: "Portrait of happy and cute africanamerican girl" },
|
||||
]}
|
||||
buttons={[{ text: "Browse Catalog", href: "#products" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Certified Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Selection",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nationwide Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Transparent Deals",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Maintenance",
|
||||
},
|
||||
{ type: "text", text: "Certified Quality" },
|
||||
{ type: "text", text: "Premium Selection" },
|
||||
{ type: "text", text: "Nationwide Support" },
|
||||
{ type: "text", text: "Transparent Deals" },
|
||||
{ type: "text", text: "Expert Maintenance" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -116,20 +70,11 @@ export default function LandingPage() {
|
||||
title="A Legacy of Trust"
|
||||
description="For over a decade, we have been the premier destination for automotive enthusiasts across Morocco. Quality, integrity, and performance define every vehicle we offer."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Inspection",
|
||||
description: "Every car passes rigorous quality checks.",
|
||||
},
|
||||
{
|
||||
title: "Nationwide Support",
|
||||
description: "Dedicated assistance across the kingdom.",
|
||||
},
|
||||
{
|
||||
title: "Transparent Pricing",
|
||||
description: "Fair value for premium performance.",
|
||||
},
|
||||
{ title: "Expert Inspection", description: "Every car passes rigorous quality checks." },
|
||||
{ title: "Nationwide Support", description: "Dedicated assistance across the kingdom." },
|
||||
{ title: "Transparent Pricing", description: "Fair value for premium performance." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920947.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920947.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -141,67 +86,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Financing Options",
|
||||
description: "Flexible plans for all budgets.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-sports-car-back-view_23-2151955587.jpg",
|
||||
imageAlt: "sleek silver sedan studio",
|
||||
},
|
||||
title: "Financing Options", description: "Flexible plans for all budgets.", media: { imageSrc: "http://img.b2bpic.net/free-photo/futuristic-sports-car-back-view_23-2151955587.jpg", imageAlt: "sleek silver sedan studio" },
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Quick Approval",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Low Interest",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Quick Approval" },
|
||||
{ icon: CheckCircle, text: "Low Interest" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-holiday-home_23-2151918241.jpg",
|
||||
imageAlt: "sleek silver sedan studio",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Warranty Service",
|
||||
description: "Peace of mind included.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-sunglasses-driving-black-car-mountains_651396-2336.jpg",
|
||||
imageAlt: "luxury suv city shot",
|
||||
},
|
||||
title: "Warranty Service", description: "Peace of mind included.", media: { imageSrc: "http://img.b2bpic.net/free-photo/man-with-sunglasses-driving-black-car-mountains_651396-2336.jpg", imageAlt: "luxury suv city shot" },
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Full Coverage",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Roadside Assist",
|
||||
},
|
||||
{ icon: Shield, text: "Full Coverage" },
|
||||
{ icon: Shield, text: "Roadside Assist" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920947.jpg?_wi=2",
|
||||
imageAlt: "sleek silver sedan studio",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "After-Sales Care",
|
||||
description: "Long-term partnership.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-young-beautiful-smiling-hipster-female-convertible-car_158538-17093.jpg",
|
||||
imageAlt: "sporty convertible coastline sunset",
|
||||
},
|
||||
title: "After-Sales Care", description: "Long-term partnership.", media: { imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-young-beautiful-smiling-hipster-female-convertible-car_158538-17093.jpg", imageAlt: "sporty convertible coastline sunset" },
|
||||
items: [
|
||||
{
|
||||
icon: Award,
|
||||
text: "Expert Technicians",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Genuine Parts",
|
||||
},
|
||||
{ icon: Award, text: "Expert Technicians" },
|
||||
{ icon: Award, text: "Genuine Parts" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-pants-girl-modern-car-salon-daytime-indoors-buying-new-vehicle_146671-16529.jpg?_wi=1",
|
||||
imageAlt: "sleek silver sedan studio",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
@@ -216,42 +122,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Luxury Saloon",
|
||||
price: "450,000 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlights-modern-white-car_181624-22603.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Performance SUV",
|
||||
price: "620,000 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-trees-mountain-daytime_414077-39.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Urban Coupe",
|
||||
price: "380,000 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_74190-1953.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Family Wagon",
|
||||
price: "290,000 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-pants-girl-modern-car-salon-daytime-indoors-buying-new-vehicle_146671-16529.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Executive Sedan",
|
||||
price: "510,000 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wrapping-car_23-2149385726.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Sport Convertible",
|
||||
price: "750,000 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-orange-background-layout-designstudioroom-web-template-business-report-with-smooth-circle-g_1258-108997.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Luxury Saloon", price: "450,000 MAD", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlights-modern-white-car_181624-22603.jpg" },
|
||||
{ id: "p2", name: "Performance SUV", price: "620,000 MAD", imageSrc: "http://img.b2bpic.net/free-photo/green-trees-mountain-daytime_414077-39.jpg" },
|
||||
{ id: "p3", name: "Urban Coupe", price: "380,000 MAD", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_74190-1953.jpg" },
|
||||
{ id: "p4", name: "Family Wagon", price: "290,000 MAD", imageSrc: "http://img.b2bpic.net/free-photo/black-pants-girl-modern-car-salon-daytime-indoors-buying-new-vehicle_146671-16529.jpg" },
|
||||
{ id: "p5", name: "Executive Sedan", price: "510,000 MAD", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wrapping-car_23-2149385726.jpg" },
|
||||
{ id: "p6", name: "Sport Convertible", price: "750,000 MAD", imageSrc: "http://img.b2bpic.net/free-photo/abstract-orange-background-layout-designstudioroom-web-template-business-report-with-smooth-circle-g_1258-108997.jpg" },
|
||||
]}
|
||||
title="Exclusive Inventory"
|
||||
description="Explore our curated fleet of luxury sedans, SUVs, and performance machines."
|
||||
@@ -265,21 +141,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1500+",
|
||||
description: "Cars Sold",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Dedicated Support",
|
||||
},
|
||||
{ id: "m1", value: "1500+", description: "Cars Sold" },
|
||||
{ id: "m2", value: "98%", description: "Customer Satisfaction" },
|
||||
{ id: "m3", value: "24/7", description: "Dedicated Support" },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Setting standards in Morocco."
|
||||
@@ -293,26 +157,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Youssef Alaoui"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg",
|
||||
alt: "Happy customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153829.jpg",
|
||||
alt: "Happy customer portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",
|
||||
alt: "Portrait of a happy businessman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg",
|
||||
alt: "Portrait of a businessman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg",
|
||||
alt: "Content Senior Businessman",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg", alt: "Happy customer portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153829.jpg", alt: "Happy customer portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg", alt: "Portrait of a happy businessman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg", alt: "Portrait of a businessman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg", alt: "Content Senior Businessman" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -323,21 +172,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer trade-ins?",
|
||||
content: "Yes, we offer competitive valuation for your existing car.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is registration included?",
|
||||
content: "Our team handles all paperwork to ensure a smooth ownership transition.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I book a test drive?",
|
||||
content: "Simply fill out our contact form and our team will reach out.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer trade-ins?", content: "Yes, we offer competitive valuation for your existing car." },
|
||||
{ id: "f2", title: "Is registration included?", content: "Our team handles all paperwork to ensure a smooth ownership transition." },
|
||||
{ id: "f3", title: "How do I book a test drive?", content: "Simply fill out our contact form and our team will reach out." },
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -347,9 +184,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
tag="Get in Touch"
|
||||
title="Start Your Search"
|
||||
description="Ready to find your perfect vehicle? Contact our expert team today."
|
||||
@@ -359,30 +194,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Inventory",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Inventory", href: "#products" }] },
|
||||
{ items: [{ label: "FAQ", href: "#faq" }, { label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
logoText="MarocAuto"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user