bender/e88e4b22-55c6-4480-a0b1-c17c0f5c6c30
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-14 14:07:57 +00:00
parent 664e05a288
commit e24265ce4d
1 changed files with 33 additions and 257 deletions
Download Patch File Download Diff File Expand all files Collapse all files

290
src/app/page.tsx
View File

@@ -32,70 +32,34 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "features",
},
{
name: "Fleet",
id: "fleet",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Services", id: "features" },
{ name: "Fleet", id: "fleet" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
brandName="Akrad Car"
button={{ text: "Contact", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Explore Casablanca with Akrad Car"
description="Your reliable partner for car rentals in Casablanca. Experience freedom and comfort with our premium fleet, available 24/7."
tag="Trusted Rental Agency"
buttons={[
{
text: "Book Now",
href: "#contact",
},
{
text: "View Fleet",
href: "#fleet",
},
{ text: "Book Now", href: "#contact" },
{ text: "View Fleet", href: "#fleet" }
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/urban-crossover-motion-with-panning-speed-dynamics_169016-70063.jpg",
imageAlt: "Luxury car rental",
imageSrc: "http://img.b2bpic.net/free-photo/urban-crossover-motion-with-panning-speed-dynamics_169016-70063.jpg", imageAlt: "Luxury car rental"
},
{
imageSrc: "http://img.b2bpic.net/free-photo/white-convertible-wet-winter-road-with-reflections-stylish-winter-drive_169016-71245.jpg",
imageAlt: "Rental service",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/black-sedan-winter-city-street-after-thaw-urban-winter-traffic_169016-71239.jpg",
imageAlt: "Black sedan on a winter city street",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/black-suv-drives-wet-winter-city-road-with-motion-blur-winter-urban-traffic_169016-71236.jpg",
imageAlt: "Black suv drives on a wet city road",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-front-car_23-2147724809.jpg",
imageAlt: "Stylish woman in front of car",
},
imageSrc: "http://img.b2bpic.net/free-photo/white-convertible-wet-winter-road-with-reflections-stylish-winter-drive_169016-71245.jpg", imageAlt: "Rental service"
}
]}
mediaAnimation="slide-up"
rating={5}
@@ -109,18 +73,9 @@ export default function LandingPage() {
title="Quality and Reliability"
description="Akrad Car provides professional car rental services located in the heart of Casablanca. We prioritize customer satisfaction, safety, and a seamless rental process for every traveler."
metrics={[
{
value: "10+",
title: "Years Experience",
},
{
value: "500+",
title: "Happy Customers",
},
{
value: "24/7",
title: "Always Open",
},
{ value: "10+", title: "Years Experience" },
{ value: "500+", title: "Happy Customers" },
{ value: "24/7", title: "Always Open" }
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434398.jpg"
imageAlt="Agency office"
@@ -136,21 +91,9 @@ export default function LandingPage() {
description="We go the extra mile to ensure your journey in Casablanca is convenient and worry-free."
tag="Rental Advantages"
accordionItems={[
{
id: "f1",
title: "Comprehensive Insurance",
content: "All our vehicles come with full insurance coverage for peace of mind.",
},
{
id: "f2",
title: "24/7 Roadside Assistance",
content: "Help is just a phone call away, anytime, day or night.",
},
{
id: "f3",
title: "Flexible Booking",
content: "Easy online reservations with no hidden fees and flexible cancellation options.",
},
{ id: "f1", title: "Comprehensive Insurance", content: "All our vehicles come with full insurance coverage for peace of mind." },
{ id: "f2", title: "24/7 Roadside Assistance", content: "Help is just a phone call away, anytime, day or night." },
{ id: "f3", title: "Flexible Booking", content: "Easy online reservations with no hidden fees and flexible cancellation options." }
]}
imageSrc="http://img.b2bpic.net/free-photo/car-repairman-wearing-white-uniform-standing-holding-wrench-that-is-essential-tool-mechanic-with-laptop-checking-engine_1150-16590.jpg"
imageAlt="Feature illustration"
@@ -165,48 +108,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Compact City Car",
price: "250 MAD/day",
variant: "Manual/Auto",
imageSrc: "http://img.b2bpic.net/free-photo/black-person-using-car-remote-unlock-car-holding-face-mask_181624-43860.jpg",
},
{
id: "p2",
name: "Midsize Sedan",
price: "400 MAD/day",
variant: "Comfort",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-sexy-fashion-woman-model-cap-all-black-with-bright-makeup-near-red-city-car_627829-1053.jpg",
},
{
id: "p3",
name: "Family SUV",
price: "600 MAD/day",
variant: "Spacious",
imageSrc: "http://img.b2bpic.net/free-photo/casual-family-going-summer-trip-while-loading-luggage-vehicle-trunk-mother-father-putting-baggage-trolleys-inside-car-while-excited-daughter-getting-ready-beach-vacation_482257-50479.jpg",
},
{
id: "p4",
name: "Executive Sedan",
price: "850 MAD/day",
variant: "Premium",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-black-new-car-with-doors-opened_23-2148332902.jpg",
},
{
id: "p5",
name: "Cabriolet",
price: "1200 MAD/day",
variant: "Sporty",
imageSrc: "http://img.b2bpic.net/free-photo/road-trip-concept-with-young-couple_23-2148195647.jpg",
},
{
id: "p6",
name: "Passenger Van",
price: "900 MAD/day",
variant: "8-Seater",
imageSrc: "http://img.b2bpic.net/free-photo/man-leaning-front-car_23-2147828261.jpg",
},
{ id: "p1", name: "Compact City Car", price: "250 MAD/day", variant: "Manual/Auto", imageSrc: "http://img.b2bpic.net/free-photo/black-person-using-car-remote-unlock-car-holding-face-mask_181624-43860.jpg" },
{ id: "p2", name: "Midsize Sedan", price: "400 MAD/day", variant: "Comfort", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-sexy-fashion-woman-model-cap-all-black-with-bright-makeup-near-red-city-car_627829-1053.jpg" },
{ id: "p3", name: "Family SUV", price: "600 MAD/day", variant: "Spacious", imageSrc: "http://img.b2bpic.net/free-photo/casual-family-going-summer-trip-while-loading-luggage-vehicle-trunk-mother-father-putting-baggage-trolleys-inside-car-while-excited-daughter-getting-ready-beach-vacation_482257-50479.jpg" }
]}
title="Our Diverse Fleet"
description="Whether for business, family, or adventure, we have the perfect vehicle for you."
@@ -219,56 +123,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Standard",
price: "250 MAD",
subtitle: "Per day",
buttons: [
{
text: "Select",
href: "#contact",
},
],
features: [
"Insurance included",
"Basic support",
],
},
{
id: "pro",
badge: "Popular",
price: "400 MAD",
subtitle: "Per day",
buttons: [
{
text: "Select",
href: "#contact",
},
],
features: [
"Full Insurance",
"24/7 Roadside Assistance",
"Unlimited km",
],
},
{
id: "premium",
badge: "Executive",
price: "850 MAD",
subtitle: "Per day",
buttons: [
{
text: "Select",
href: "#contact",
},
],
features: [
"Premium Coverage",
"Concierge Service",
"VIP Support",
],
},
{ id: "basic", badge: "Standard", price: "250 MAD", subtitle: "Per day", buttons: [{ text: "Select", href: "#contact" }], features: ["Insurance included", "Basic support"] },
{ id: "pro", badge: "Popular", price: "400 MAD", subtitle: "Per day", buttons: [{ text: "Select", href: "#contact" }], features: ["Full Insurance", "24/7 Roadside Assistance", "Unlimited km"] },
{ id: "premium", badge: "Executive", price: "850 MAD", subtitle: "Per day", buttons: [{ text: "Select", href: "#contact" }], features: ["Premium Coverage", "Concierge Service", "VIP Support"] }
]}
title="Transparent Pricing"
description="Simple rates, no hidden surprises."
@@ -281,46 +138,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah Ahmed",
handle: "@sarah_a",
testimonial: "Excellent service and a very clean car. Highly recommended for Casablanca visitors.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg",
},
{
id: "t2",
name: "John Doe",
handle: "@johndoe",
testimonial: "The staff were friendly and professional. The car rental process was very quick.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-red-hat-talking-with-man_171337-16405.jpg",
},
{
id: "t3",
name: "Fatima Zahra",
handle: "@fatimaz",
testimonial: "Best agency in Casablanca. Very fair pricing and no hidden costs.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/traveling-adventure-concept-happy-woman-with-back-pack-traveling-indonesia-nusa-penida-island_273443-2997.jpg",
},
{
id: "t4",
name: "Marc L.",
handle: "@marcl",
testimonial: "Rented an SUV for a family trip. Great condition, everything worked perfectly.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-taking-selfie_23-2147859237.jpg",
},
{
id: "t5",
name: "Omar B.",
handle: "@omar_b",
testimonial: "Very professional and always open. Made my trip extremely smooth.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-wearing-hijab_23-2149522109.jpg",
},
{ id: "t1", name: "Sarah Ahmed", handle: "@sarah_a", testimonial: "Excellent service and a very clean car. Highly recommended for Casablanca visitors.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg" },
{ id: "t2", name: "John Doe", handle: "@johndoe", testimonial: "The staff were friendly and professional. The car rental process was very quick.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-red-hat-talking-with-man_171337-16405.jpg" },
{ id: "t3", name: "Fatima Zahra", handle: "@fatimaz", testimonial: "Best agency in Casablanca. Very fair pricing and no hidden costs.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/traveling-adventure-concept-happy-woman-with-back-pack-traveling-indonesia-nusa-penida-island_273443-2997.jpg" }
]}
showRating={true}
title="What Our Clients Say"
@@ -335,27 +155,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "24/7",
title: "Service Hours",
description: "Always open.",
icon: Clock,
},
{
id: "m2",
value: "118",
title: "Street Number",
description: "Visit us at Rue 28.",
icon: MapPin,
},
{
id: "m3",
value: "5.0",
title: "Google Rating",
description: "Trusted by customers.",
icon: Star,
},
{ id: "m1", value: "24/7", title: "Service Hours", description: "Always open.", icon: Clock },
{ id: "m2", value: "118", title: "Street Number", description: "Visit us at Rue 28.", icon: MapPin },
{ id: "m3", value: "5.0", title: "Google Rating", description: "Trusted by customers.", icon: Star }
]}
title="Agency Performance"
description="Stats that matter."
@@ -365,9 +167,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Contact Us"
title="Ready to Rent?"
description="Call us at 06 91 02 02 50 or send a request. Visit us at 118 Rue 28, Casablanca."
@@ -380,32 +180,8 @@ export default function LandingPage() {
<FooterBaseCard
logoText="Akrad Car"
columns={[
{
title: "Agency",
items: [
{
label: "Services",
href: "#features",
},
{
label: "Fleet",
href: "#fleet",
},
],
},
{
title: "Support",
items: [
{
label: "Reviews",
href: "#testimonials",
},
{
label: "Contact",
href: "#contact",
},
],
},
{ title: "Agency", items: [{ label: "Services", href: "#features" }, { label: "Fleet", href: "#fleet" }] },
{ title: "Support", items: [{ label: "Reviews", href: "#testimonials" }, { label: "Contact", href: "#contact" }] }
]}
copyrightText="© 2025 Akrad Car. All rights reserved."
/>