Merge version_1 into main #1
417
src/app/page.tsx
417
src/app/page.tsx
@@ -16,302 +16,147 @@ import { Shield } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Saba General Ent"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Products", id: "#products" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Saba General Ent"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Quality Auto & Motorbike Parts"
|
||||
description="Wholesale distribution of premium spare parts in Dar es Salaam. Trusted by garages and retailers since inception."
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/logistics-warehouse-with-empty-high-racks_181624-57353.jpg",
|
||||
imageAlt: "auto parts store warehouse interior",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shelf-with-tools-shiny-car-little-girl-hat-with-big-wrench-hands_613910-17048.jpg",
|
||||
imageAlt: "auto parts store warehouse interior",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881881.jpg",
|
||||
imageAlt: "auto parts store warehouse interior",
|
||||
},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-folded-arms-standing-bicycle-workshop_23-2147892356.jpg",
|
||||
imageAlt: "auto parts store warehouse interior",
|
||||
},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-her-little-cheerful-helper-are-posing-photographer-dark-auto-service-as-great-team_613910-17046.jpg",
|
||||
imageAlt: "auto parts store warehouse interior",
|
||||
},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hall-business-building_1127-3310.jpg",
|
||||
imageAlt: "auto parts store warehouse interior",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Quality Auto & Motorbike Parts"
|
||||
description="Wholesale distribution of premium spare parts in Dar es Salaam. Trusted by garages and retailers since inception."
|
||||
carouselItems={[
|
||||
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/logistics-warehouse-with-empty-high-racks_181624-57353.jpg", imageAlt: "auto parts store warehouse interior" },
|
||||
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/shelf-with-tools-shiny-car-little-girl-hat-with-big-wrench-hands_613910-17048.jpg", imageAlt: "auto parts store warehouse interior" },
|
||||
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881881.jpg", imageAlt: "auto parts store warehouse interior" },
|
||||
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-folded-arms-standing-bicycle-workshop_23-2147892356.jpg", imageAlt: "auto parts store warehouse interior" },
|
||||
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-her-little-cheerful-helper-are-posing-photographer-dark-auto-service-as-great-team_613910-17046.jpg", imageAlt: "auto parts store warehouse interior" },
|
||||
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/hall-business-building_1127-3310.jpg", imageAlt: "auto parts store warehouse interior" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="About Us"
|
||||
title="Your Trusted Wholesale Partner"
|
||||
description="Saba General Ent Ltd is a leading wholesale supplier located in the heart of Msimbazi Street. We provide a vast range of high-quality spare parts for cars and motorbikes."
|
||||
subdescription="We understand the local auto market and prioritize providing parts that keep businesses moving across Tanzania."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-auto-repairman-pulling-rack-with-car-tires-looking-camera-workshop_637285-7542.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="professional auto parts distributor desk"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="About Us"
|
||||
title="Your Trusted Wholesale Partner"
|
||||
description="Saba General Ent Ltd is a leading wholesale supplier located in the heart of Msimbazi Street. We provide a vast range of high-quality spare parts for cars and motorbikes."
|
||||
subdescription="We understand the local auto market and prioritize providing parts that keep businesses moving across Tanzania."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-auto-repairman-pulling-rack-with-car-tires-looking-camera-workshop_637285-7542.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="professional auto parts distributor desk"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Brake Discs",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-bike-pieces_23-2148932626.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Engine Alternators",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detailed-view-helicopter-toy-part_23-2147922383.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Motorbike Sprockets",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545641.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Automotive Batteries",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-mechanic-checking-car-parts_1170-1170.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Shock Absorbers",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shock-absorber-atv-car-close-up_93675-133524.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Performance Spark Plugs",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-motorcycle-parts_23-2150704629.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Spare Parts Catalog"
|
||||
description="Explore our comprehensive range of wholesale automotive components."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Brake Discs", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-bike-pieces_23-2148932626.jpg" },
|
||||
{ id: "p2", name: "Engine Alternators", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/detailed-view-helicopter-toy-part_23-2147922383.jpg" },
|
||||
{ id: "p3", name: "Motorbike Sprockets", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545641.jpg" },
|
||||
{ id: "p4", name: "Automotive Batteries", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/hands-mechanic-checking-car-parts_1170-1170.jpg" },
|
||||
{ id: "p5", name: "Shock Absorbers", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/shock-absorber-atv-car-close-up_93675-133524.jpg" },
|
||||
{ id: "p6", name: "Performance Spark Plugs", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-motorcycle-parts_23-2150704629.jpg" },
|
||||
]}
|
||||
title="Our Spare Parts Catalog"
|
||||
description="Explore our comprehensive range of wholesale automotive components."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Juma M.",
|
||||
role: "Garage Owner",
|
||||
testimonial: "Excellent service and parts availability.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-holding-rockers_23-2147897828.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah K.",
|
||||
role: "Retailer",
|
||||
testimonial: "Good wholesale rates for our store.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-with-arms-crossed_1170-1294.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David W.",
|
||||
role: "Fleet Manager",
|
||||
testimonial: "My go-to place on Msimbazi.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver-posing_23-2151489630.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Musa A.",
|
||||
role: "Mechanic",
|
||||
testimonial: "They have parts other shops don't have.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171292.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jane L.",
|
||||
role: "Auto Shop Owner",
|
||||
testimonial: "Professional wholesale service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-workshop_329181-11863.jpg",
|
||||
},
|
||||
]}
|
||||
title="Customer Feedback"
|
||||
description="Read what our partners in the industry say about us."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Juma M.", role: "Garage Owner", testimonial: "Excellent service and parts availability.", imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-holding-rockers_23-2147897828.jpg" },
|
||||
{ id: "t2", name: "Sarah K.", role: "Retailer", testimonial: "Good wholesale rates for our store.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-with-arms-crossed_1170-1294.jpg" },
|
||||
{ id: "t3", name: "David W.", role: "Fleet Manager", testimonial: "My go-to place on Msimbazi.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver-posing_23-2151489630.jpg" },
|
||||
{ id: "t4", name: "Musa A.", role: "Mechanic", testimonial: "They have parts other shops don't have.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171292.jpg" },
|
||||
{ id: "t5", name: "Jane L.", role: "Auto Shop Owner", testimonial: "Professional wholesale service.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-workshop_329181-11863.jpg" },
|
||||
]}
|
||||
title="Customer Feedback"
|
||||
description="Read what our partners in the industry say about us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1000+",
|
||||
title: "Products Available",
|
||||
description: "Wide variety of parts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-employee-preparing-clients-orders_482257-77586.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Active Clients",
|
||||
description: "Satisfied partners.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-scene-depicting-variety-people-multitasking_23-2151294594.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
description: "Market authority.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/custom-motorcycle-standing-repair-shop_158595-8117.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Business Footprint"
|
||||
description="Trusted by hundreds of local automotive professionals."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "1000+", title: "Products Available", description: "Wide variety of parts.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-employee-preparing-clients-orders_482257-77586.jpg" },
|
||||
{ id: "m2", value: "500+", title: "Active Clients", description: "Satisfied partners.", imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-scene-depicting-variety-people-multitasking_23-2151294594.jpg" },
|
||||
{ id: "m3", value: "10+", title: "Years Experience", description: "Market authority.", imageSrc: "http://img.b2bpic.net/free-photo/custom-motorcycle-standing-repair-shop_158595-8117.jpg" },
|
||||
]}
|
||||
title="Our Business Footprint"
|
||||
description="Trusted by hundreds of local automotive professionals."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you sell single items?",
|
||||
content: "We primarily focus on wholesale. Please call ahead to confirm if we can accommodate small retail requests.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What are your operating hours?",
|
||||
content: "We are open Monday to Saturday, usually closing around 4:30 PM.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where are you located?",
|
||||
content: "We are located along Msimbazi Street, Dar es Salaam.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Need clarity before visiting our shop?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you sell single items?", content: "We primarily focus on wholesale. Please call ahead to confirm if we can accommodate small retail requests." },
|
||||
{ id: "f2", title: "What are your operating hours?", content: "We are open Monday to Saturday, usually closing around 4:30 PM." },
|
||||
{ id: "f3", title: "Where are you located?", content: "We are located along Msimbazi Street, Dar es Salaam." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Need clarity before visiting our shop?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Contact Our Wholesale Team"
|
||||
description="Call us at 0714 840 487 to check part availability or discuss bulk orders."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Contact Our Wholesale Team"
|
||||
description="Call us at 0714 840 487 to check part availability or discuss bulk orders."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-examining-bicycles_1170-2370.jpg"
|
||||
logoText="Saba General Ent Ltd"
|
||||
columns={[
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Wholesale Parts",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Inventory Inquiries",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "Msimbazi Street, Dar es Salaam",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Saba General Ent Ltd. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-examining-bicycles_1170-2370.jpg"
|
||||
logoText="Saba General Ent Ltd"
|
||||
columns={[
|
||||
{ title: "Information", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Services", items: [{ label: "Wholesale Parts", href: "#products" }, { label: "Inventory Inquiries", href: "#contact" }] },
|
||||
{ title: "Location", items: [{ label: "Msimbazi Street, Dar es Salaam", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Saba General Ent Ltd. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user