206 lines
10 KiB
TypeScript
206 lines
10 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-stagger"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="rounded"
|
||
contentWidth="mediumSmall"
|
||
sizing="medium"
|
||
background="blurBottom"
|
||
cardStyle="layered-gradient"
|
||
primaryButtonStyle="flat"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "#hero"},
|
||
{
|
||
name: "Services", id: "#services"},
|
||
{
|
||
name: "Why Us", id: "#features"},
|
||
{
|
||
name: "Contact", id: "#contact"},
|
||
]}
|
||
brandName="Al Asli"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitTestimonial
|
||
background={{
|
||
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: "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: "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: "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: "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"},
|
||
]}
|
||
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."},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193632.jpg?_wi=2"
|
||
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/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/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"},
|
||
]}
|
||
marqueeItems={[
|
||
{
|
||
type: "text", text: "Ceramic Coating"},
|
||
{
|
||
type: "text", text: "Paint Correction"},
|
||
{
|
||
type: "text", text: "Interior Deep Clean"},
|
||
{
|
||
type: "text", text: "Engine Bay Detail"},
|
||
{
|
||
type: "text", text: "Glass Protection"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardEight
|
||
textboxLayout="split"
|
||
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: "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: "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="Why Al Asli Detailing"
|
||
description="We treat every car with precision and care, ensuring the highest standards of automotive protection."
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<ProductCardFour
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
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: "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: "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: "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: "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: "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"},
|
||
]}
|
||
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."},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<SplitAbout
|
||
textboxLayout="default"
|
||
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"
|
||
imageAlt="Our studio setup"
|
||
mediaAnimation="slide-up"
|
||
bulletPoints={[
|
||
{
|
||
title: "Hand Wash Experts", description: "Gentle, thorough cleaning that prevents scratches."},
|
||
{
|
||
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."},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
useInvertedBackground={false}
|
||
background={{
|
||
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."},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseReveal
|
||
logoText="Al Asli"
|
||
columns={[
|
||
{
|
||
title: "Visit Us", items: [
|
||
{
|
||
label: "Al Wasit Street, Al Nuaimia 1, Ajman", href: "#"},
|
||
{
|
||
label: "Daily until 11:00 PM", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
title: "Contact", items: [
|
||
{
|
||
label: "WhatsApp: +971 55 317 4475", href: "https://wa.me/971553174475"},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2024 Al Asli Car Polishing. All rights reserved."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|