Merge version_2 into main #2
181
src/app/page.tsx
181
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Almasi Beverages"
|
||||
/>
|
||||
@@ -55,39 +47,23 @@ export default function LandingPage() {
|
||||
description="Official Coca-Cola Partner Delivering Excellence. Refreshing Kenya, One Bottle at a Time."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Products",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Products", href: "#products"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-gym-twitch-banner_23-2149656010.jpg?_wi=1",
|
||||
imageAlt: "Hero Slide 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-gym-twitch-banner_23-2149656010.jpg?_wi=1", imageAlt: "Hero Slide 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-gym-twitch-banner_23-2149656010.jpg?_wi=2",
|
||||
imageAlt: "Hero Slide 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-gym-twitch-banner_23-2149656010.jpg?_wi=2", imageAlt: "Hero Slide 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-gym-twitch-banner_23-2149656010.jpg?_wi=3",
|
||||
imageAlt: "Hero Slide 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-gym-twitch-banner_23-2149656010.jpg?_wi=3", imageAlt: "Hero Slide 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-gym-twitch-banner_23-2149656010.jpg?_wi=4",
|
||||
imageAlt: "Hero Slide 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-gym-twitch-banner_23-2149656010.jpg?_wi=4", imageAlt: "Hero Slide 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-gym-twitch-banner_23-2149656010.jpg?_wi=5",
|
||||
imageAlt: "Hero Slide 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-gym-twitch-banner_23-2149656010.jpg?_wi=5", imageAlt: "Hero Slide 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-gym-twitch-banner_23-2149656010.jpg?_wi=6",
|
||||
imageAlt: "Hero Slide 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-gym-twitch-banner_23-2149656010.jpg?_wi=6", imageAlt: "Hero Slide 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -109,47 +85,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Soft Drinks",
|
||||
price: "Available",
|
||||
variant: "Original",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-wallpaper-with-silver-bottles_23-2149871762.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Soft Drinks", price: "Available", variant: "Original", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-wallpaper-with-silver-bottles_23-2149871762.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Water",
|
||||
price: "Available",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-wallpaper-with-silver-bottles_23-2149871762.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Water", price: "Available", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-wallpaper-with-silver-bottles_23-2149871762.jpg?_wi=2"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Juices",
|
||||
price: "Available",
|
||||
variant: "Fresh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-wallpaper-with-silver-bottles_23-2149871762.jpg?_wi=3",
|
||||
},
|
||||
id: "3", name: "Juices", price: "Available", variant: "Fresh", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-wallpaper-with-silver-bottles_23-2149871762.jpg?_wi=3"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Energy Drinks",
|
||||
price: "Available",
|
||||
variant: "Vibrant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-wallpaper-with-silver-bottles_23-2149871762.jpg?_wi=4",
|
||||
},
|
||||
id: "4", name: "Energy Drinks", price: "Available", variant: "Vibrant", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-wallpaper-with-silver-bottles_23-2149871762.jpg?_wi=4"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Soda Varieties",
|
||||
price: "Available",
|
||||
variant: "Crisp",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-wallpaper-with-silver-bottles_23-2149871762.jpg?_wi=5",
|
||||
},
|
||||
id: "5", name: "Soda Varieties", price: "Available", variant: "Crisp", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-wallpaper-with-silver-bottles_23-2149871762.jpg?_wi=5"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Sparkling Water",
|
||||
price: "Available",
|
||||
variant: "Refreshing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-wallpaper-with-silver-bottles_23-2149871762.jpg?_wi=6",
|
||||
},
|
||||
id: "6", name: "Sparkling Water", price: "Available", variant: "Refreshing", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-wallpaper-with-silver-bottles_23-2149871762.jpg?_wi=6"},
|
||||
]}
|
||||
title="Our Products"
|
||||
description="Refresh your day with our premium selection of soft drinks, water, and juices."
|
||||
@@ -163,49 +109,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah W.",
|
||||
handle: "@customer",
|
||||
testimonial: "Very organized and excellent services.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-colleagues_1098-14113.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sarah W.", handle: "@customer", testimonial: "An incredible experience, always refreshing to work with them.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-colleagues_1098-14113.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "John K.",
|
||||
handle: "@partner",
|
||||
testimonial: "Fantastic place for beverages. Always on time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-colleagues_1098-14113.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "John K.", handle: "@partner", testimonial: "Top-tier beverage quality and seamless distribution.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-colleagues_1098-14113.jpg?_wi=2"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily M.",
|
||||
handle: "@retailer",
|
||||
testimonial: "Friendly reception and great service provided daily.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-colleagues_1098-14113.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David O.",
|
||||
handle: "@vendor",
|
||||
testimonial: "Consistent delivery, amazing team to work with.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-colleagues_1098-14113.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Grace L.",
|
||||
handle: "@loyal",
|
||||
testimonial: "Best beverage supplier in Nyeri, truly reliable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-colleagues_1098-14113.jpg?_wi=5",
|
||||
},
|
||||
id: "3", name: "Emily M.", handle: "@retailer", testimonial: "Very professional team and always on schedule.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-colleagues_1098-14113.jpg?_wi=3"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Customers"
|
||||
description="Hear what our partners and customers have to say about our service excellence."
|
||||
title="Customer Reviews"
|
||||
description="Discover why we are the preferred refreshment partner in Nyeri."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -213,11 +128,10 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Get in Touch"
|
||||
description="Have questions? Reach out to Almasi Beverages Limited for orders or inquiries."
|
||||
variant: "canvas-reveal"}}
|
||||
tag="Contact"
|
||||
title="Visit Us in Nyeri"
|
||||
description="Visit our headquarters in Nyeri for any inquiries or to explore our full distribution range."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-desk-concept-with-smartphone-template_23-2148111439.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -227,46 +141,31 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Partners",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Reach Us", items: [
|
||||
{
|
||||
label: "061 2030722",
|
||||
href: "tel:0612030722",
|
||||
},
|
||||
label: "Nyeri Headquarters", href: "#"},
|
||||
{
|
||||
label: "8 AM – 5 PM",
|
||||
href: "#",
|
||||
},
|
||||
label: "061 2030722", href: "tel:0612030722"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Almasi Beverages Limited."
|
||||
copyrightText="© 2025 Almasi Beverages Limited. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--background: #050000;
|
||||
--card: #150a0a;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #e34400;
|
||||
--primary-cta: #ff0000;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta: #2a0a0a;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #e34400;
|
||||
--background-accent: #2a2a2a;
|
||||
--accent: #ff4d4d;
|
||||
--background-accent: #4a0a0a;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user