Merge version_1 into main #2
376
src/app/page.tsx
376
src/app/page.tsx
@@ -28,263 +28,141 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Khater Tires"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Khater Tires"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="شركة خاطر للإطارات والبطاريات"
|
||||
description="Your trusted partner for premium tire services and car batteries in Banha. Quality service, professional treatment, and competitive pricing."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-holding-tire-tire-repair-garage-replacement-winter-summer-tires_146671-18321.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="شركة خاطر للإطارات والبطاريات"
|
||||
description="Your trusted partner for premium tire services and car batteries in Banha. Quality service, professional treatment, and competitive pricing."
|
||||
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-holding-tire-tire-repair-garage-replacement-winter-summer-tires_146671-18321.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Excellence in Automotive Service"
|
||||
tag="About Us"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Excellence in Automotive Service"
|
||||
tag="About Us"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Tire Sales & Service",
|
||||
description: "High-quality tires for all vehicle types with professional installation and balancing.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-summer-concept-with-copy-space_23-2148545825.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Wrench,
|
||||
text: "Alignment",
|
||||
},
|
||||
{
|
||||
icon: Check,
|
||||
text: "Balancing",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tire-tire-repair-garage-replacement-winter-summer-tires_146671-18321.jpg?_wi=2",
|
||||
imageAlt: "tire repair services icon",
|
||||
},
|
||||
{
|
||||
title: "Car Battery Replacement",
|
||||
description: "Reliable battery diagnostics and replacement to keep you running smoothly.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-spray-bottle_23-2149170338.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Power Check",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Long-life",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-standing-with-arms-crossed_1170-1161.jpg",
|
||||
imageAlt: "tire repair services icon",
|
||||
},
|
||||
{
|
||||
title: "Professional Care",
|
||||
description: "Providing respectful, high-quality treatment for every customer and their vehicle.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/muscular-man-is-fixing-car-s-wheel-with-special-tool-auto-service_613910-17086.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: User,
|
||||
text: "Respectful",
|
||||
},
|
||||
{
|
||||
icon: ThumbsUp,
|
||||
text: "Trusted",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
|
||||
imageAlt: "tire repair services icon",
|
||||
},
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="Professional solutions for your vehicle's essential needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Tire Sales & Service", description: "High-quality tires for all vehicle types with professional installation and balancing.", media: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-summer-concept-with-copy-space_23-2148545825.jpg", imageAlt: "tire repair services icon" },
|
||||
items: [
|
||||
{ icon: Wrench, text: "Alignment" },
|
||||
{ icon: Check, text: "Balancing" },
|
||||
],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Car Battery Replacement", description: "Reliable battery diagnostics and replacement to keep you running smoothly.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-spray-bottle_23-2149170338.jpg", imageAlt: "tire repair services icon" },
|
||||
items: [
|
||||
{ icon: Zap, text: "Power Check" },
|
||||
{ icon: Shield, text: "Long-life" },
|
||||
],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Professional Care", description: "Providing respectful, high-quality treatment for every customer and their vehicle.", media: { imageSrc: "http://img.b2bpic.net/free-photo/muscular-man-is-fixing-car-s-wheel-with-special-tool-auto-service_613910-17086.jpg", imageAlt: "tire repair services icon" },
|
||||
items: [
|
||||
{ icon: User, text: "Respectful" },
|
||||
{ icon: ThumbsUp, text: "Trusted" },
|
||||
],
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
description="Professional solutions for your vehicle's essential needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Excellent service and the best prices I've found in Banha. Truly a professional place."
|
||||
rating={5}
|
||||
author="Omar Khalid"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-couple-greeting-their-mechanic-auto-repair-shop_637285-8674.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/distraught-man-feeling-sad-while-showing-his-mechanic-car-breakdown-auto-repair-shop_637285-7708.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130218.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Excellent service and the best prices I've found in Banha. Truly a professional place."
|
||||
rating={5}
|
||||
author="Omar Khalid"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-couple-greeting-their-mechanic-auto-repair-shop_637285-8674.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/distraught-man-feeling-sad-while-showing-his-mechanic-car-breakdown-auto-repair-shop_637285-7708.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130218.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg", alt: "Client 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "34+",
|
||||
title: "Reviews",
|
||||
description: "Satisfied local customers.",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5.0",
|
||||
title: "Rating",
|
||||
description: "Consistently high quality.",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Available",
|
||||
description: "Ready to serve anytime.",
|
||||
icon: Clock,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="We stand by our quality and dedication to customer satisfaction."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "34+", title: "Reviews", description: "Satisfied local customers.", icon: Star },
|
||||
{ id: "m2", value: "5.0", title: "Rating", description: "Consistently high quality.", icon: Award },
|
||||
{ id: "m3", value: "24/7", title: "Available", description: "Ready to serve anytime.", icon: Clock },
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="We stand by our quality and dedication to customer satisfaction."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What are your operating hours?",
|
||||
content: "We are proud to serve you 24 hours a day, 7 days a week.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where are you located?",
|
||||
content: "We are located in Banha, Al-Qalyubia Governorate.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer battery services?",
|
||||
content: "Yes, we specialize in car battery replacement and diagnostics.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
description="Everything you need to know about our services."
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "What are your operating hours?", content: "We are proud to serve you 24 hours a day, 7 days a week." },
|
||||
{ id: "f2", title: "Where are you located?", content: "We are located in Banha, Al-Qalyubia Governorate." },
|
||||
{ id: "f3", title: "Do you offer battery services?", content: "Yes, we specialize in car battery replacement and diagnostics." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
description="Everything you need to know about our services."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Need Help? Get in Touch."
|
||||
description="Call us at 011 44564683 or visit our shop in Banha for top-tier service."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/engineer-inspects-car-overhead-lift_482257-76181.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Need Help? Get in Touch."
|
||||
description="Call us at 011 44564683 or visit our shop in Banha for top-tier service."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/engineer-inspects-car-overhead-lift_482257-76181.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Location",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Khater Tires"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "Location", href: "#" }] },
|
||||
]}
|
||||
logoText="Khater Tires"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user