Merge version_1 into main #2
240
src/app/page.tsx
240
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Bikes",
|
||||
id: "products",
|
||||
},
|
||||
name: "Bikes", id: "products"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Hameed Honda"
|
||||
/>
|
||||
@@ -56,43 +48,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
title="Authorized Honda Dealer in Gwadar"
|
||||
description="Trusted motorcycles, genuine parts, and reliable service. Your journey begins with Hameed Honda Centre."
|
||||
tag="Since 1980"
|
||||
tagAnimation="blur-reveal"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Bikes",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Bikes", href: "#products"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-cyclist-posing-with-helmet-bicycle_23-2149749622.jpg?_wi=1",
|
||||
imageAlt: "Honda Sport Bike",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-cyclist-posing-with-helmet-bicycle_23-2149749622.jpg", imageAlt: "Honda Sport Bike"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clients-arriving-car-dealership-being-greeted-by-friendly-car-salesman_482257-124421.jpg?_wi=1",
|
||||
imageAlt: "Dealership Showroom",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-cool-motorcycle_23-2150704773.jpg",
|
||||
imageAlt: "View of cool motorcycle",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/active-man-trying-repair-motorbike_23-2148585450.jpg",
|
||||
imageAlt: "Active man trying to repair motorbike",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-motorcycle-studio_23-2150781638.jpg",
|
||||
imageAlt: "Cool motorcycle in studio",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clients-arriving-car-dealership-being-greeted-by-friendly-car-salesman_482257-124421.jpg", imageAlt: "Dealership Showroom"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={4.2}
|
||||
@@ -107,17 +78,11 @@ export default function LandingPage() {
|
||||
description="Hameed Honda Centre is committed to providing genuine service and quality motorcycles to the people of Gwadar. We value our legacy and our customers."
|
||||
metrics={[
|
||||
{
|
||||
title: "Bikes Sold",
|
||||
value: "5000+",
|
||||
},
|
||||
title: "Bikes Sold", value: "5000+"},
|
||||
{
|
||||
title: "Service Jobs",
|
||||
value: "12K+",
|
||||
},
|
||||
title: "Service Jobs", value: "12K+"},
|
||||
{
|
||||
title: "Happy Clients",
|
||||
value: "4.2★",
|
||||
},
|
||||
title: "Happy Clients", value: "4.2★"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-salesperson-dealership-signing-contract-with-clients-shaking-hands_482257-124065.jpg"
|
||||
imageAlt="Hameed Honda Centre Showroom"
|
||||
@@ -132,47 +97,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Honda CD70",
|
||||
price: "PKR 157,000",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-biker-girl-wearing-black-leather-jacket-sitting-her-superbike-outside-building_613910-19385.jpg",
|
||||
},
|
||||
id: "1", name: "Honda CD70", price: "PKR 157,000", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-biker-girl-wearing-black-leather-jacket-sitting-her-superbike-outside-building_613910-19385.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Honda CG125",
|
||||
price: "PKR 234,000",
|
||||
variant: "Power",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-t-shirt-jeans-sitting-bmx-isolated-dark-background_613910-1185.jpg",
|
||||
},
|
||||
id: "2", name: "Honda CG125", price: "PKR 234,000", variant: "Power", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-t-shirt-jeans-sitting-bmx-isolated-dark-background_613910-1185.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Honda Pridor",
|
||||
price: "PKR 203,000",
|
||||
variant: "Efficiency",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-biker-with-thick-beard-poses-motorbike-beautiful-park_181624-51458.jpg",
|
||||
},
|
||||
id: "3", name: "Honda Pridor", price: "PKR 203,000", variant: "Efficiency", imageSrc: "http://img.b2bpic.net/free-photo/male-biker-with-thick-beard-poses-motorbike-beautiful-park_181624-51458.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Honda CG125 SE",
|
||||
price: "PKR 275,000",
|
||||
variant: "Special",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-attractive-mans-are-working-bicycle-fixing-busy-workshop_613910-21461.jpg",
|
||||
},
|
||||
id: "4", name: "Honda CG125 SE", price: "PKR 275,000", variant: "Special", imageSrc: "http://img.b2bpic.net/free-photo/two-attractive-mans-are-working-bicycle-fixing-busy-workshop_613910-21461.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Honda CD70 Dream",
|
||||
price: "PKR 165,000",
|
||||
variant: "Style",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-cool-powerful-motorcycle_23-2150704805.jpg",
|
||||
},
|
||||
id: "5", name: "Honda CD70 Dream", price: "PKR 165,000", variant: "Style", imageSrc: "http://img.b2bpic.net/free-photo/view-cool-powerful-motorcycle_23-2150704805.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Honda CB125F",
|
||||
price: "PKR 380,000",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-cool-motorcycle_23-2150704661.jpg",
|
||||
},
|
||||
id: "6", name: "Honda CB125F", price: "PKR 380,000", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/view-cool-motorcycle_23-2150704661.jpg"},
|
||||
]}
|
||||
title="Latest Honda Models"
|
||||
description="Browse our inventory of premium Honda motorcycles designed for reliability and comfort."
|
||||
@@ -185,29 +120,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "Sales",
|
||||
title: "Motorcycle Sales",
|
||||
subtitle: "Buy new bikes",
|
||||
description: "Latest Honda models available.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-motorcycle-studio_23-2150781624.jpg",
|
||||
imageAlt: "Cool motorcycle in studio",
|
||||
},
|
||||
tag: "Sales", title: "Motorcycle Sales", subtitle: "Buy new bikes", description: "Latest Honda models available.", imageSrc: "http://img.b2bpic.net/free-photo/cool-motorcycle-studio_23-2150781624.jpg", imageAlt: "Cool motorcycle in studio"},
|
||||
{
|
||||
tag: "Parts",
|
||||
title: "Genuine Parts",
|
||||
subtitle: "Original components",
|
||||
description: "Genuine Honda spare parts guaranteed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-cyclist-posing-with-helmet-bicycle_23-2149749622.jpg?_wi=2",
|
||||
imageAlt: "Cool motorcycle in studio",
|
||||
},
|
||||
tag: "Parts", title: "Genuine Parts", subtitle: "Original components", description: "Genuine Honda spare parts guaranteed.", imageSrc: "http://img.b2bpic.net/free-photo/female-cyclist-posing-with-helmet-bicycle_23-2149749622.jpg", imageAlt: "Cool motorcycle in studio"},
|
||||
{
|
||||
tag: "Repair",
|
||||
title: "Maintenance",
|
||||
subtitle: "Expert mechanics",
|
||||
description: "Professional repair and service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clients-arriving-car-dealership-being-greeted-by-friendly-car-salesman_482257-124421.jpg?_wi=2",
|
||||
imageAlt: "Cool motorcycle in studio",
|
||||
},
|
||||
tag: "Repair", title: "Maintenance", subtitle: "Expert mechanics", description: "Professional repair and service.", imageSrc: "http://img.b2bpic.net/free-photo/clients-arriving-car-dealership-being-greeted-by-friendly-car-salesman_482257-124421.jpg", imageAlt: "Cool motorcycle in studio"},
|
||||
]}
|
||||
title="Expert Services"
|
||||
description="We offer complete end-to-end support for your Honda motorcycle."
|
||||
@@ -221,23 +138,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Years of Trust",
|
||||
value: "40+",
|
||||
},
|
||||
id: "m1", icon: Award,
|
||||
title: "Years of Trust", value: "40+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Wrench,
|
||||
title: "Daily Services",
|
||||
value: "30+",
|
||||
},
|
||||
id: "m2", icon: Wrench,
|
||||
title: "Daily Services", value: "30+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Smile,
|
||||
title: "Client Satisfaction",
|
||||
value: "98%",
|
||||
},
|
||||
id: "m3", icon: Smile,
|
||||
title: "Client Satisfaction", value: "98%"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="A look at our service milestones in Gwadar."
|
||||
@@ -251,40 +159,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ahmed Khan",
|
||||
role: "Local Business Owner",
|
||||
testimonial: "Staff is very humble and cooperative. Best place for Honda parts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-having-great-time_23-2149443762.jpg",
|
||||
},
|
||||
id: "t1", name: "Ahmed Khan", role: "Local Business Owner", testimonial: "Staff is very humble and cooperative. Best place for Honda parts.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-having-great-time_23-2149443762.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Zahoor Shah",
|
||||
role: "Regular Customer",
|
||||
testimonial: "Trusted Honda dealer in the Makran region. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg",
|
||||
},
|
||||
id: "t2", name: "Zahoor Shah", role: "Regular Customer", testimonial: "Trusted Honda dealer in the Makran region. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Ali Baloch",
|
||||
role: "Mechanic",
|
||||
testimonial: "Genuine parts, great experience. I buy all my parts from Hameed Honda.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-standing-smiling_1187-3162.jpg",
|
||||
},
|
||||
id: "t3", name: "Ali Baloch", role: "Mechanic", testimonial: "Genuine parts, great experience. I buy all my parts from Hameed Honda.", imageSrc: "http://img.b2bpic.net/free-photo/man-standing-smiling_1187-3162.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Salman Mir",
|
||||
role: "Student",
|
||||
testimonial: "Very professional service and honest advice regarding maintenance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-man-shirt-mockup_23-2149260955.jpg",
|
||||
},
|
||||
id: "t4", name: "Salman Mir", role: "Student", testimonial: "Very professional service and honest advice regarding maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-man-shirt-mockup_23-2149260955.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Rehan Ahmed",
|
||||
role: "Commuter",
|
||||
testimonial: "Timely service and reasonable rates. Friendly staff.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-biker-repairing-motorbike_273609-5503.jpg",
|
||||
},
|
||||
id: "t5", name: "Rehan Ahmed", role: "Commuter", testimonial: "Timely service and reasonable rates. Friendly staff.", imageSrc: "http://img.b2bpic.net/free-photo/female-biker-repairing-motorbike_273609-5503.jpg"},
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="What our customers are saying about us."
|
||||
@@ -297,20 +180,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are you an authorized dealer?",
|
||||
content: "Yes, Hameed Honda Centre is an officially authorized Honda dealer in Gwadar.",
|
||||
},
|
||||
id: "q1", title: "Are you an authorized dealer?", content: "Yes, Hameed Honda Centre is an officially authorized Honda dealer in Gwadar."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you provide delivery?",
|
||||
content: "Yes, we offer home delivery services for motorcycle sales.",
|
||||
},
|
||||
id: "q2", title: "Do you provide delivery?", content: "Yes, we offer home delivery services for motorcycle sales."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What are your working hours?",
|
||||
content: "We are open daily until 8 PM.",
|
||||
},
|
||||
id: "q3", title: "What are your working hours?", content: "We are open daily until 8 PM."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Frequently asked questions about our services."
|
||||
@@ -322,20 +196,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Contact Hameed Honda Centre"
|
||||
description="Visit us at Saeed Zahoor Shaha, Hashami Road, Gwadar Old City, or call +92 321 8621947 for inquiries."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+923218621947",
|
||||
},
|
||||
text: "Call Now", href: "tel:+923218621947"},
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/923218621947",
|
||||
},
|
||||
text: "WhatsApp Us", href: "https://wa.me/923218621947"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -344,42 +213,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
title: "About", items: [
|
||||
{
|
||||
label: "Our History",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our History", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Inventory",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Inventory", href: "#products"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/923218621947",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/923218621947"},
|
||||
{
|
||||
label: "Location",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
label: "Location", href: "https://maps.google.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user