bender/b12e9bf2-d4e6-4e56-b174-294bd799ab61
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-04-08 03:52:01 +00:00
parent 5262b159a7
commit 0d01d347d8
1 changed files with 48 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files

213
src/app/page.tsx
View File

@@ -29,21 +29,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Why Us",
id: "#features",
},
name: "Why Us", id: "#features"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Al Asli"
/>
@@ -52,104 +44,56 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Ajman’s Premier Automotive Restoration & Protection."
description="Giving your vehicle a showroom finish with industry-leading ceramic coating and detailing."
testimonials={[
{
name: "Khalid S.",
handle: "@khalid_ajman",
testimonial: "Best service in Ajman, my car looks brand new.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193632.jpg?_wi=1",
imageAlt: "luxury car detailing studio gloss",
},
name: "Khalid S.", handle: "@khalid_ajman", testimonial: "Best service in Ajman, my car looks brand new.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193632.jpg", imageAlt: "luxury car detailing studio gloss"},
{
name: "Sarah M.",
handle: "@sarah_vip",
testimonial: "Professional detailing and truly showroom quality.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32335.jpg?_wi=1",
imageAlt: "professional car detailing application",
},
name: "Sarah M.", handle: "@sarah_vip", testimonial: "Professional detailing and truly showroom quality.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32335.jpg", imageAlt: "professional car detailing application"},
{
name: "Omar F.",
handle: "@omarf",
testimonial: "Same-day service was a life saver. Highly recommend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750039.jpg?_wi=1",
imageAlt: "premium car polishing gloss",
},
name: "Omar F.", handle: "@omarf", testimonial: "Same-day service was a life saver. Highly recommend.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750039.jpg", imageAlt: "premium car polishing gloss"},
{
name: "Ahmed Z.",
handle: "@ahmedz",
testimonial: "The ceramic protection is world-class.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/person-protective-suit-checks-temperature_1157-34752.jpg?_wi=1",
imageAlt: "car interior leather cleaning",
},
name: "Ahmed Z.", handle: "@ahmedz", testimonial: "The ceramic protection is world-class.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/person-protective-suit-checks-temperature_1157-34752.jpg", imageAlt: "car interior leather cleaning"},
{
name: "Layla J.",
handle: "@laylaj",
testimonial: "Exquisite work, Al Asli is the only choice.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342609.jpg?_wi=1",
imageAlt: "9H ceramic coating application",
},
name: "Layla J.", handle: "@laylaj", testimonial: "Exquisite work, Al Asli is the only choice.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342609.jpg", imageAlt: "9H ceramic coating application"},
]}
buttons={[
{
text: "Book Your VIP Session",
href: "https://wa.me/971553174475?text=Hello%20Al%20Asli,%20I%20want%20to%20book%20a%20premium%20service%20for%20my%20car.%20Please%20send%20me%20the%20available%20slots.",
},
text: "Book Your VIP Session", href: "https://wa.me/971553174475?text=Hello%20Al%20Asli,%20I%20want%20to%20book%20a%20premium%20service%20for%20my%20car.%20Please%20send%20me%20the%20available%20slots."},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193632.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193632.jpg"
imageAlt="Luxury car paintwork"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193632.jpg",
alt: "Client 1",
},
src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193632.jpg", alt: "Client 1"},
{
src: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32335.jpg",
alt: "Client 2",
},
src: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32335.jpg", alt: "Client 2"},
{
src: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750039.jpg",
alt: "Client 3",
},
src: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750039.jpg", alt: "Client 3"},
{
src: "http://img.b2bpic.net/free-photo/person-protective-suit-checks-temperature_1157-34752.jpg",
alt: "Client 4",
},
src: "http://img.b2bpic.net/free-photo/person-protective-suit-checks-temperature_1157-34752.jpg", alt: "Client 4"},
{
src: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342609.jpg",
alt: "Client 5",
},
src: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342609.jpg", alt: "Client 5"},
]}
marqueeItems={[
{
type: "text",
text: "Ceramic Coating",
},
type: "text", text: "Ceramic Coating"},
{
type: "text",
text: "Paint Correction",
},
type: "text", text: "Paint Correction"},
{
type: "text",
text: "Interior Deep Clean",
},
type: "text", text: "Interior Deep Clean"},
{
type: "text",
text: "Engine Bay Detail",
},
type: "text", text: "Engine Bay Detail"},
{
type: "text",
text: "Glass Protection",
},
type: "text", text: "Glass Protection"},
]}
/>
</div>
@@ -160,23 +104,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Certified Technicians",
description: "Highly trained specialists in modern detailing techniques.",
imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32335.jpg?_wi=2",
imageAlt: "Technician working",
},
title: "Certified Technicians", description: "Highly trained specialists in modern detailing techniques.", imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32335.jpg", imageAlt: "Technician working"},
{
title: "Premium Materials",
description: "We use only the world's best ceramic products.",
imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32335.jpg?_wi=3",
imageAlt: "Premium products",
},
title: "Premium Materials", description: "We use only the world's best ceramic products.", imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32335.jpg", imageAlt: "Premium products"},
{
title: "Same-Day Service",
description: "Efficiency without compromising on quality results.",
imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32335.jpg?_wi=4",
imageAlt: "Fast service",
},
title: "Same-Day Service", description: "Efficiency without compromising on quality results.", imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32335.jpg", imageAlt: "Fast service"},
]}
title="Why Al Asli Detailing"
description="We treat every car with precision and care, ensuring the highest standards of automotive protection."
@@ -191,55 +123,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Platinum Polish & Wax",
price: "299 AED",
variant: "Exterior Polish",
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750039.jpg?_wi=2",
},
id: "p1", name: "Platinum Polish & Wax", price: "299 AED", variant: "Exterior Polish", imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750039.jpg"},
{
id: "p2",
name: "Interior Deep Clean",
price: "150 AED",
variant: "Full Interior",
imageSrc: "http://img.b2bpic.net/free-photo/person-protective-suit-checks-temperature_1157-34752.jpg?_wi=2",
},
id: "p2", name: "Interior Deep Clean", price: "150 AED", variant: "Full Interior", imageSrc: "http://img.b2bpic.net/free-photo/person-protective-suit-checks-temperature_1157-34752.jpg"},
{
id: "p3",
name: "Ultimate Ceramic Protection",
price: "799 AED",
variant: "9H Ceramic",
imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342609.jpg?_wi=2",
},
id: "p3", name: "Ultimate Ceramic Protection", price: "799 AED", variant: "9H Ceramic", imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342609.jpg"},
{
id: "p4",
name: "Executive Detail",
price: "450 AED",
variant: "Comprehensive",
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750039.jpg?_wi=3",
},
id: "p4", name: "Executive Detail", price: "450 AED", variant: "Comprehensive", imageSrc: "http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750039.jpg"},
{
id: "p5",
name: "Glass Treatment",
price: "100 AED",
variant: "Windows",
imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342609.jpg?_wi=3",
},
id: "p5", name: "Glass Treatment", price: "100 AED", variant: "Windows", imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342609.jpg"},
{
id: "p6",
name: "Engine Bay Clean",
price: "150 AED",
variant: "Mechanical",
imageSrc: "http://img.b2bpic.net/free-photo/person-protective-suit-checks-temperature_1157-34752.jpg?_wi=3",
},
id: "p6", name: "Engine Bay Clean", price: "150 AED", variant: "Mechanical", imageSrc: "http://img.b2bpic.net/free-photo/person-protective-suit-checks-temperature_1157-34752.jpg"},
]}
title="Our VIP Service Menu"
description="Select the premium restoration package for your vehicle."
buttons={[
{
text: "Book Now via WhatsApp",
href: "https://wa.me/971553174475?text=Hello%20Al%20Asli,%20I%20want%20to%20book%20a%20premium%20service%20for%20my%20car.%20Please%20send%20me%20the%20available%20slots.",
},
text: "Book Now via WhatsApp", href: "https://wa.me/971553174475?text=Hello%20Al%20Asli,%20I%20want%20to%20book%20a%20premium%20service%20for%20my%20car.%20Please%20send%20me%20the%20available%20slots."},
]}
/>
</div>
@@ -250,22 +150,16 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Unmatched Excellence in Ajman"
description="At Al Asli, we believe your car deserves more than just a wash. Our studio is dedicated to preserving the integrity of your vehicle's paintwork with state-of-the-art care."
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193632.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193632.jpg"
imageAlt="Our studio setup"
mediaAnimation="slide-up"
bulletPoints={[
{
title: "Hand Wash Experts",
description: "Gentle, thorough cleaning that prevents scratches.",
},
title: "Hand Wash Experts", description: "Gentle, thorough cleaning that prevents scratches."},
{
title: "Genuine 9H Ceramic",
description: "Real, durable protection against desert heat.",
},
title: "Genuine 9H Ceramic", description: "Real, durable protection against desert heat."},
{
title: "Detail Obsessed",
description: "We treat every corner of your interior like our own.",
},
title: "Detail Obsessed", description: "We treat every corner of your interior like our own."},
]}
/>
</div>
@@ -274,14 +168,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "glowing-orb",
}}
variant: "plain"}}
text="Ready to restore your vehicle to its former glory? Book your session at Al Asli today."
buttons={[
{
text: "Chat on WhatsApp",
href: "https://wa.me/971553174475?text=Hello%20Al%20Asli,%20I%20want%20to%20book%20a%20premium%20service%20for%20my%20car.%20Please%20send%20me%20the%20available%20slots.",
},
text: "Chat on WhatsApp", href: "https://wa.me/971553174475?text=Hello%20Al%20Asli,%20I%20want%20to%20book%20a%20premium%20service%20for%20my%20car.%20Please%20send%20me%20the%20available%20slots."},
]}
/>
</div>
@@ -291,25 +182,17 @@ export default function LandingPage() {
logoText="Al Asli"
columns={[
{
title: "Visit Us",
items: [
title: "Visit Us", items: [
{
label: "Al Wasit Street, Al Nuaimia 1, Ajman",
href: "#",
},
label: "Al Wasit Street, Al Nuaimia 1, Ajman", href: "#"},
{
label: "Daily until 11:00 PM",
href: "#",
},
label: "Daily until 11:00 PM", href: "#"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "WhatsApp: +971 55 317 4475",
href: "https://wa.me/971553174475",
},
label: "WhatsApp: +971 55 317 4475", href: "https://wa.me/971553174475"},
],
},
]}