Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
272
src/app/page.tsx
272
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Shield, Zap, CheckCircle, Star, Users } from 'lucide-react';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -31,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Muhallab Car Accessories"
|
||||
/>
|
||||
@@ -54,68 +43,30 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Upgrade Your Journey"
|
||||
description="Premium car accessories tailored for performance, comfort, and style. Transform your driving experience today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Shop Now", href: "#products" },
|
||||
{ text: "Learn More", href: "#about" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-is-man-wheel-arboreal-car_146671-18656.jpg"
|
||||
imageAlt="Luxury car interior upgrade"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/car-elements-details-inside_1303-21769.jpg",
|
||||
alt: "Satisfied customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wooden-interior-luxury-car_114579-4011.jpg",
|
||||
alt: "Satisfied customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-carbon-fibre-headlight-sports-car_181624-23606.jpg",
|
||||
alt: "Satisfied customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-view-adult-person-switches-gear-luxury-new-car_146671-14422.jpg",
|
||||
alt: "Satisfied customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/road-safety-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16595.jpg",
|
||||
alt: "Satisfied customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/car-elements-details-inside_1303-21769.jpg", alt: "Satisfied customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/wooden-interior-luxury-car_114579-4011.jpg", alt: "Satisfied customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-carbon-fibre-headlight-sports-car_181624-23606.jpg", alt: "Satisfied customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-view-adult-person-switches-gear-luxury-new-car_146671-14422.jpg", alt: "Satisfied customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/road-safety-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16595.jpg", alt: "Satisfied customer 5" },
|
||||
]}
|
||||
avatarText="Trusted by 5000+ drivers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Shipping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Genuine Parts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Fit",
|
||||
},
|
||||
{ type: "text", text: "Premium Quality" },
|
||||
{ type: "text", text: "Fast Shipping" },
|
||||
{ type: "text", text: "Genuine Parts" },
|
||||
{ type: "text", text: "Expert Support" },
|
||||
{ type: "text", text: "Custom Fit" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,36 +76,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Quality",
|
||||
description: "High-grade materials built for longevity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-metal-surface_23-2148796570.jpg",
|
||||
buttonIcon: "Shield",
|
||||
},
|
||||
{
|
||||
title: "Modern Styling",
|
||||
description: "Enhance your car's look instantly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-black-car-lights_23-2148258066.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Perfect Fit",
|
||||
description: "Accessories designed for your exact model.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194135.jpg",
|
||||
buttonIcon: "CheckCircle",
|
||||
},
|
||||
{
|
||||
title: "Convenience First",
|
||||
description: "Products that make driving easier.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-driving-having-mobile-phone_23-2148763852.jpg",
|
||||
buttonIcon: "Star",
|
||||
},
|
||||
{
|
||||
title: "Expert Guidance",
|
||||
description: "Technical support for all installations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-texture-lines_181624-13114.jpg",
|
||||
buttonIcon: "Users",
|
||||
},
|
||||
{ title: "Premium Quality", description: "High-grade materials built for longevity.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-metal-surface_23-2148796570.jpg", buttonIcon: Shield },
|
||||
{ title: "Modern Styling", description: "Enhance your car's look instantly.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-black-car-lights_23-2148258066.jpg", buttonIcon: Zap },
|
||||
{ title: "Perfect Fit", description: "Accessories designed for your exact model.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194135.jpg", buttonIcon: CheckCircle },
|
||||
{ title: "Convenience First", description: "Products that make driving easier.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-driving-having-mobile-phone_23-2148763852.jpg", buttonIcon: Star },
|
||||
{ title: "Expert Guidance", description: "Technical support for all installations.", imageSrc: "http://img.b2bpic.net/free-photo/black-texture-lines_181624-13114.jpg", buttonIcon: Users },
|
||||
]}
|
||||
title="Why Muhallab?"
|
||||
description="We provide only the finest curated automotive enhancements."
|
||||
@@ -168,42 +94,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "LED Headlights",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/led-headlight-white-car_23-2147962979.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Leather Steering Cover",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-style-concept-bearded-male-sunglasses-dressed-brown-leather-jacket-driving-retro-car_613910-20460.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Seat Organizer",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881877.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "HD Dash Camera",
|
||||
price: "$180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-diagnostic-tool_1170-1365.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Trunk Cargo Net",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-perforated-sheet-material-with-tiny-holes_23-2150185450.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Custom Decals",
|
||||
price: "$20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-drive-antique-shiny-headlight_1203-6156.jpg",
|
||||
},
|
||||
{ id: "p1", name: "LED Headlights", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/led-headlight-white-car_23-2147962979.jpg" },
|
||||
{ id: "p2", name: "Leather Steering Cover", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/country-style-concept-bearded-male-sunglasses-dressed-brown-leather-jacket-driving-retro-car_613910-20460.jpg" },
|
||||
{ id: "p3", name: "Seat Organizer", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881877.jpg" },
|
||||
{ id: "p4", name: "HD Dash Camera", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-diagnostic-tool_1170-1365.jpg" },
|
||||
{ id: "p5", name: "Trunk Cargo Net", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/view-perforated-sheet-material-with-tiny-holes_23-2150185450.jpg" },
|
||||
{ id: "p6", name: "Custom Decals", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/detail-drive-antique-shiny-headlight_1203-6156.jpg" },
|
||||
]}
|
||||
title="Latest Accessories"
|
||||
description="Browse our curated selection of top-tier automotive products."
|
||||
@@ -226,21 +122,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5000+",
|
||||
description: "Happy Drivers",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Genuine Parts",
|
||||
},
|
||||
{ id: "m1", value: "5000+", description: "Happy Drivers" },
|
||||
{ id: "m2", value: "12+", description: "Years Experience" },
|
||||
{ id: "m3", value: "100%", description: "Genuine Parts" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Proven results for car enthusiasts."
|
||||
@@ -254,26 +138,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Ahmed Al-Farsi"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/benchman-owner-car-making-deal_114579-2805.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/client-vehicle-distributor-checkup_482257-115279.jpg",
|
||||
alt: "Michael",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2409.jpg",
|
||||
alt: "Emily",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-male-with-black-hair-beard-tattoes-his-hand-dressed-white-shirt-blue-jeans-shorts-driving-car_613910-7581.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-31957.jpg",
|
||||
alt: "Anna",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/benchman-owner-car-making-deal_114579-2805.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/client-vehicle-distributor-checkup_482257-115279.jpg", alt: "Michael" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2409.jpg", alt: "Emily" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-male-with-black-hair-beard-tattoes-his-hand-dressed-white-shirt-blue-jeans-shorts-driving-car_613910-7581.jpg", alt: "David" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-31957.jpg", alt: "Anna" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -285,21 +154,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer installation?",
|
||||
content: "Yes, we provide installation services for all electronic accessories.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are your parts original?",
|
||||
content: "We only stock genuine and high-quality aftermarket components.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How long is shipping?",
|
||||
content: "We offer same-day shipping within the city and 2-3 days nationally.",
|
||||
},
|
||||
{ id: "q1", title: "Do you offer installation?", content: "Yes, we provide installation services for all electronic accessories." },
|
||||
{ id: "q2", title: "Are your parts original?", content: "We only stock genuine and high-quality aftermarket components." },
|
||||
{ id: "q3", title: "How long is shipping?", content: "We offer same-day shipping within the city and 2-3 days nationally." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/serviceman-car-service-using-holographic-augmented-reality-show-customer-defective-vehicle-piston-hardworking-garage-employee-using-innovative-ar-tech-project-automobile-parts-woman_482257-74243.jpg"
|
||||
title="Common Questions"
|
||||
@@ -314,24 +171,9 @@ export default function LandingPage() {
|
||||
title="Get in Touch"
|
||||
description="Ready to upgrade your ride? Reach out to us today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "car",
|
||||
type: "text",
|
||||
placeholder: "Your Car Model",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "car", type: "text", placeholder: "Your Car Model", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cars-lifting-maintenance-garage-service-station_627829-3956.jpg"
|
||||
/>
|
||||
@@ -343,29 +185,15 @@ export default function LandingPage() {
|
||||
logoText="Muhallab Car Accessories"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
title: "Navigate", items: [
|
||||
{ label: "Home", href: "#home" },
|
||||
{ label: "Shop", href: "#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -374,4 +202,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user