Update src/app/page.tsx
This commit is contained in:
418
src/app/page.tsx
418
src/app/page.tsx
@@ -27,315 +27,131 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "#blog",
|
||||
},
|
||||
]}
|
||||
brandName="Value Foods Market"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Products", id: "#products" },
|
||||
{ name: "Blog", id: "#blog" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Value Foods Market"
|
||||
button={{ text: "Get Started", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Value Foods Market Magazine"
|
||||
description="Authentic African ingredients, culinary stories, and recipes brought to your home."
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Now",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-portrait-person-managing-owning-their-business_23-2151456940.jpg",
|
||||
imageAlt: "Fresh Market",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spices-market-marrakech_23-2148129809.jpg",
|
||||
imageAlt: "Fresh Market",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ripe-delicious-vegetables_23-2149082573.jpg",
|
||||
imageAlt: "Fresh Market",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exotic-fruits-berries-counter_1398-2236.jpg",
|
||||
imageAlt: "Fresh Market",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/variety-tasty-natural-fruits-vegetables-italian-market-horizontal-selective-focus_1220-1257.jpg",
|
||||
imageAlt: "Fresh Market",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-dreads-jamaica_23-2151532103.jpg",
|
||||
imageAlt: "Fresh Market",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Value Foods Market Magazine"
|
||||
description="Authentic African ingredients, culinary stories, and recipes brought to your home."
|
||||
buttons={[{ text: "Discover Now", href: "#about" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-portrait-person-managing-owning-their-business_23-2151456940.jpg", imageAlt: "Fresh Market" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/spices-market-marrakech_23-2148129809.jpg", imageAlt: "Fresh Market" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-ripe-delicious-vegetables_23-2149082573.jpg", imageAlt: "Fresh Market" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/exotic-fruits-berries-counter_1398-2236.jpg", imageAlt: "Fresh Market" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/variety-tasty-natural-fruits-vegetables-italian-market-horizontal-selective-focus_1220-1257.jpg", imageAlt: "Fresh Market" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-with-dreads-jamaica_23-2151532103.jpg", imageAlt: "Fresh Market" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Culinary Journey",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-tasty-food-arrangement_23-2149617128.jpg",
|
||||
alt: "Spices",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{ type: "text", content: "Our Culinary Journey" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/high-angle-tasty-food-arrangement_23-2149617128.jpg", alt: "Spices" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Freshness",
|
||||
author: "Team",
|
||||
description: "Daily arrivals from trusted suppliers.",
|
||||
tags: [
|
||||
"Quality",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-dried-spices-tea-backgroundin-grand-bazaar_181624-61326.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Heritage",
|
||||
author: "Team",
|
||||
description: "Celebrating African culinary traditions.",
|
||||
tags: [
|
||||
"Culture",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stashed-flour-used-cooking_23-2149517211.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Community",
|
||||
author: "Team",
|
||||
description: "Supporting local culinary artists.",
|
||||
tags: [
|
||||
"Local",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/travelling-iran_8327-273.jpg",
|
||||
},
|
||||
]}
|
||||
title="Why Our Market"
|
||||
description="Discover what makes our market a cornerstone of the community."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why Our Market"
|
||||
description="Discover what makes our market a cornerstone of the community."
|
||||
features={[
|
||||
{ id: "1", title: "Freshness", author: "Team", description: "Daily arrivals from trusted suppliers.", tags: ["Quality"], imageSrc: "http://img.b2bpic.net/free-photo/closeup-dried-spices-tea-backgroundin-grand-bazaar_181624-61326.jpg" },
|
||||
{ id: "2", title: "Heritage", author: "Team", description: "Celebrating African culinary traditions.", tags: ["Culture"], imageSrc: "http://img.b2bpic.net/free-photo/stashed-flour-used-cooking_23-2149517211.jpg" },
|
||||
{ id: "3", title: "Community", author: "Team", description: "Supporting local culinary artists.", tags: ["Local"], imageSrc: "http://img.b2bpic.net/free-photo/travelling-iran_8327-273.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Organic Palm Oil",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-basket-red-white-radishes-sackcloth-surface_141793-5352.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Cassava Flour",
|
||||
price: "$8.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bananas-tree_158595-6315.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Dried Snapper",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-fish-market_1398-2624.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Special Spice Blend",
|
||||
price: "$6.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-different-delicious-ingredients_23-2149028612.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Hibiscus Tea",
|
||||
price: "$7.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cherry-tomatoes-passion-fruits-farm-market_23-2147916256.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Tropical Yams",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-holding-watermelon-while-purchasing-fruits-market_23-2148209689.jpg",
|
||||
},
|
||||
]}
|
||||
title="Essential Ingredients"
|
||||
description="Authentic items sourced for your kitchen."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
title="Essential Ingredients"
|
||||
description="Authentic items sourced for your kitchen."
|
||||
products={[
|
||||
{ id: "1", name: "Organic Palm Oil", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-basket-red-white-radishes-sackcloth-surface_141793-5352.jpg" },
|
||||
{ id: "2", name: "Cassava Flour", price: "$8.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-bananas-tree_158595-6315.jpg" },
|
||||
{ id: "3", name: "Dried Snapper", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/raw-fish-market_1398-2624.jpg" },
|
||||
{ id: "4", name: "Special Spice Blend", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/composition-different-delicious-ingredients_23-2149028612.jpg" },
|
||||
{ id: "5", name: "Hibiscus Tea", price: "$7.00", imageSrc: "http://img.b2bpic.net/free-photo/cherry-tomatoes-passion-fruits-farm-market_23-2147916256.jpg" },
|
||||
{ id: "6", name: "Tropical Yams", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/female-holding-watermelon-while-purchasing-fruits-market_23-2148209689.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Amara Diallo",
|
||||
handle: "@amarad",
|
||||
testimonial: "The best ingredients for my recipes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-casual-african-american-man-jeans-jacket-black-beret-holding-coconuts-fruits-organic-section-supermarket_627829-1713.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Kwame Osei",
|
||||
handle: "@kwameo",
|
||||
testimonial: "Freshness like no other.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-vegetables_23-2148761604.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fatima Bello",
|
||||
handle: "@fatimab",
|
||||
testimonial: "A piece of home in every shop.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bio-store-client-shops-fruits_482257-92140.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "John Okafor",
|
||||
handle: "@jokafor",
|
||||
testimonial: "Authentic quality every single time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-happy-curly-haired-woman-wears-stylish-pink-sunglasses-headband-jacket-carries-paper-shopping-bags_273609-55537.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah Mensah",
|
||||
handle: "@sarahmen",
|
||||
testimonial: "Highly recommended for all home chefs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-buying-organic-fruits_482257-76352.jpg",
|
||||
},
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="Hear what our loyal shoppers say."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Community Voices"
|
||||
description="Hear what our loyal shoppers say."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Amara Diallo", handle: "@amarad", testimonial: "The best ingredients for my recipes.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-casual-african-american-man-jeans-jacket-black-beret-holding-coconuts-fruits-organic-section-supermarket_627829-1713.jpg" },
|
||||
{ id: "2", name: "Kwame Osei", handle: "@kwameo", testimonial: "Freshness like no other.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-vegetables_23-2148761604.jpg" },
|
||||
{ id: "3", name: "Fatima Bello", handle: "@fatimab", testimonial: "A piece of home in every shop.", imageSrc: "http://img.b2bpic.net/free-photo/bio-store-client-shops-fruits_482257-92140.jpg" },
|
||||
{ id: "4", name: "John Okafor", handle: "@jokafor", testimonial: "Authentic quality every single time.", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-happy-curly-haired-woman-wears-stylish-pink-sunglasses-headband-jacket-carries-paper-shopping-bags_273609-55537.jpg" },
|
||||
{ id: "5", name: "Sarah Mensah", handle: "@sarahmen", testimonial: "Highly recommended for all home chefs.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-buying-organic-fruits_482257-76352.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Magazine Stories"
|
||||
description="Updates, tips, and culture news."
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: "Recipes",
|
||||
title: "Traditional Jollof Rice Secrets",
|
||||
excerpt: "Learn the ancient techniques.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-person-cutting-fresh-cherry-tomatoes-wooden-board-table_181624-30584.jpg",
|
||||
authorName: "Admin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/african-american-woman-with-shopping-cart-trolley-supermarket-store-speak-mobile-phone_627829-643.jpg",
|
||||
date: "Oct 12, 2023",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
category: "Culture",
|
||||
title: "Spices of the Continent",
|
||||
excerpt: "Deep dive into aromatic profiles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ripe-fruits-veggies-homegrown-sold-farmers-market-stand_482257-77543.jpg",
|
||||
authorName: "Admin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-vegetables-bag_23-2149437256.jpg",
|
||||
date: "Oct 15, 2023",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
category: "Market",
|
||||
title: "Why Palm Oil Matters",
|
||||
excerpt: "Sustainability and health benefits.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-putting-meat-salad-plate_23-2148301303.jpg",
|
||||
authorName: "Admin",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/zero-waste-shop-owner-promotes-store_482257-90974.jpg",
|
||||
date: "Oct 18, 2023",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Magazine Stories"
|
||||
description="Updates, tips, and culture news."
|
||||
blogs={[
|
||||
{ id: "1", category: "Recipes", title: "Traditional Jollof Rice Secrets", excerpt: "Learn the ancient techniques.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-person-cutting-fresh-cherry-tomatoes-wooden-board-table_181624-30584.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/african-american-woman-with-shopping-cart-trolley-supermarket-store-speak-mobile-phone_627829-643.jpg", date: "Oct 12, 2023" },
|
||||
{ id: "2", category: "Culture", title: "Spices of the Continent", excerpt: "Deep dive into aromatic profiles.", imageSrc: "http://img.b2bpic.net/free-photo/ripe-fruits-veggies-homegrown-sold-farmers-market-stand_482257-77543.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-vegetables-bag_23-2149437256.jpg", date: "Oct 15, 2023" },
|
||||
{ id: "3", category: "Market", title: "Why Palm Oil Matters", excerpt: "Sustainability and health benefits.", imageSrc: "http://img.b2bpic.net/free-photo/person-putting-meat-salad-plate_23-2148301303.jpg", authorName: "Admin", authorAvatar: "http://img.b2bpic.net/free-photo/zero-waste-shop-owner-promotes-store_482257-90974.jpg", date: "Oct 18, 2023" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Visit or Reach Out"
|
||||
description="Located in the heart of the city."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
tag="Contact Us"
|
||||
title="Visit or Reach Out"
|
||||
description="Located in the heart of the city."
|
||||
buttons={[{ text: "Contact Support", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#blog",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Value Foods"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Value Foods"
|
||||
columns={[
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Shop", href: "#products" }] },
|
||||
{ items: [{ label: "Blog", href: "#blog" }, { label: "Support", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user