Merge version_1 into main #2
211
src/app/page.tsx
211
src/app/page.tsx
@@ -29,24 +29,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Spice Bazaar"
|
||||
button={{ text: "Contact Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -55,76 +44,21 @@ export default function LandingPage() {
|
||||
title="Experience the Essence of Authentic Spices"
|
||||
description="Discover a curated collection of hand-selected spices from around the world, delivered straight to your kitchen with love and heritage."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Amina R.",
|
||||
handle: "@amina_spice",
|
||||
testimonial: "The best quality saffron I've ever found outside of the bazaar.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-bowl-colorful-stone-candies-stone-table_114579-40181.jpg?_wi=1",
|
||||
imageAlt: "vibrant spice market stall",
|
||||
},
|
||||
{
|
||||
name: "Julian S.",
|
||||
handle: "@chefjulian",
|
||||
testimonial: "Authentic aromas that elevate every single dish I prepare.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-street-market-sunset_23-2151529999.jpg",
|
||||
imageAlt: "vibrant spice market stall",
|
||||
},
|
||||
{
|
||||
name: "Elena M.",
|
||||
handle: "@elenakitchen",
|
||||
testimonial: "Finally, real spices with flavor that truly stands out.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spices-market-marrakech_23-2148129842.jpg?_wi=1",
|
||||
imageAlt: "vibrant spice market stall",
|
||||
},
|
||||
{
|
||||
name: "Marcus W.",
|
||||
handle: "@mw_foods",
|
||||
testimonial: "Excellent service and shipping. My go-to for all exotic seasonings.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-type-dried-herbs-wooden-plank_23-2148092029.jpg?_wi=1",
|
||||
imageAlt: "vibrant spice market stall",
|
||||
},
|
||||
{
|
||||
name: "Sara B.",
|
||||
handle: "@sarab_home",
|
||||
testimonial: "Beautifully packaged and incredibly fresh.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/variety-spices-herb-wooden-board_661915-464.jpg?_wi=1",
|
||||
imageAlt: "vibrant spice market stall",
|
||||
},
|
||||
{ name: "Amina R.", handle: "@amina_spice", testimonial: "The best quality saffron I've ever found outside of the bazaar.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/red-bowl-colorful-stone-candies-stone-table_114579-40181.jpg", imageAlt: "vibrant spice market stall" },
|
||||
{ name: "Julian S.", handle: "@chefjulian", testimonial: "Authentic aromas that elevate every single dish I prepare.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-street-market-sunset_23-2151529999.jpg", imageAlt: "vibrant spice market stall" },
|
||||
{ name: "Elena M.", handle: "@elenakitchen", testimonial: "Finally, real spices with flavor that truly stands out.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/spices-market-marrakech_23-2148129842.jpg", imageAlt: "vibrant spice market stall" },
|
||||
{ name: "Marcus W.", handle: "@mw_foods", testimonial: "Excellent service and shipping. My go-to for all exotic seasonings.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/different-type-dried-herbs-wooden-plank_23-2148092029.jpg", imageAlt: "vibrant spice market stall" },
|
||||
{ name: "Sara B.", handle: "@sarab_home", testimonial: "Beautifully packaged and incredibly fresh.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/variety-spices-herb-wooden-board_661915-464.jpg", imageAlt: "vibrant spice market stall" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Our Collection",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/red-bowl-colorful-stone-candies-stone-table_114579-40181.jpg?_wi=2"
|
||||
buttons={[{ text: "Shop Our Collection", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/red-bowl-colorful-stone-candies-stone-table_114579-40181.jpg"
|
||||
imageAlt="Colorful spice market"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bottom-view-stuffed-eggplant-rolls-oval-plate-different-spices-grey-background_140725-108202.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-tasty-soup-with-sliced-pepper-seasonings-grey-background-soup-meal-food-meat-seasonings-spicy_140725-80764.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wooden-spoon-with-holi-color-powder-white-bowl-painted-blue-backdrop_23-2147949163.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-close-view-tasty-mushroom-soup-with-different-seasonings-dark-purple-space_140725-79224.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-people-garage-sale_23-2150577112.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/bottom-view-stuffed-eggplant-rolls-oval-plate-different-spices-grey-background_140725-108202.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-tasty-soup-with-sliced-pepper-seasonings-grey-background-soup-meal-food-meat-seasonings-spicy_140725-80764.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/wooden-spoon-with-holi-color-powder-white-bowl-painted-blue-backdrop_23-2147949163.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-close-view-tasty-mushroom-soup-with-different-seasonings-dark-purple-space_140725-79224.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-people-garage-sale_23-2150577112.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ home chefs"
|
||||
/>
|
||||
@@ -135,21 +69,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="A Legacy of Flavor"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years in Bazaar",
|
||||
value: "40+",
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Countries Sourced",
|
||||
value: "25",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Happy Customers",
|
||||
value: "10k+",
|
||||
},
|
||||
{ icon: Award, label: "Years in Bazaar", value: "40+" },
|
||||
{ icon: Globe, label: "Countries Sourced", value: "25" },
|
||||
{ icon: CheckCircle, label: "Happy Customers", value: "10k+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -157,64 +79,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Spice Bazaar",
|
||||
name: "Premium Saffron",
|
||||
price: "$25.00",
|
||||
rating: 5,
|
||||
reviewCount: "128",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spices-market-marrakech_23-2148129842.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Spice Bazaar",
|
||||
name: "Green Cardamom",
|
||||
price: "$12.00",
|
||||
rating: 4,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-type-dried-herbs-wooden-plank_23-2148092029.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Spice Bazaar",
|
||||
name: "Organic Turmeric",
|
||||
price: "$8.00",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/variety-spices-herb-wooden-board_661915-464.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Spice Bazaar",
|
||||
name: "Cinnamon Sticks",
|
||||
price: "$9.00",
|
||||
rating: 5,
|
||||
reviewCount: "154",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cinnamon-sticks-grocery-stocks-high-quality-photo_114579-12014.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Spice Bazaar",
|
||||
name: "Smoked Paprika",
|
||||
price: "$7.50",
|
||||
rating: 4,
|
||||
reviewCount: "76",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-ground-pepper-orange-colored-white-desk-pepper-ingredient-product-food-spice-hot_140725-64827.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Spice Bazaar",
|
||||
name: "Whole Cloves",
|
||||
price: "$6.00",
|
||||
rating: 5,
|
||||
reviewCount: "92",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-dried-seasonings-grey-rustic-desk_140725-75978.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Spice Bazaar", name: "Premium Saffron", price: "$25.00", rating: 5, reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/spices-market-marrakech_23-2148129842.jpg" },
|
||||
{ id: "p2", brand: "Spice Bazaar", name: "Green Cardamom", price: "$12.00", rating: 4, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/different-type-dried-herbs-wooden-plank_23-2148092029.jpg" },
|
||||
{ id: "p3", brand: "Spice Bazaar", name: "Organic Turmeric", price: "$8.00", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/variety-spices-herb-wooden-board_661915-464.jpg" },
|
||||
{ id: "p4", brand: "Spice Bazaar", name: "Cinnamon Sticks", price: "$9.00", rating: 5, reviewCount: "154", imageSrc: "http://img.b2bpic.net/free-photo/cinnamon-sticks-grocery-stocks-high-quality-photo_114579-12014.jpg" },
|
||||
{ id: "p5", brand: "Spice Bazaar", name: "Smoked Paprika", price: "$7.50", rating: 4, reviewCount: "76", imageSrc: "http://img.b2bpic.net/free-photo/top-view-ground-pepper-orange-colored-white-desk-pepper-ingredient-product-food-spice-hot_140725-64827.jpg" },
|
||||
{ id: "p6", brand: "Spice Bazaar", name: "Whole Cloves", price: "$6.00", rating: 5, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-dried-seasonings-grey-rustic-desk_140725-75978.jpg" },
|
||||
]}
|
||||
title="Bazaar Favorites"
|
||||
description="Our most popular selections, harvested at peak freshness."
|
||||
@@ -228,21 +103,9 @@ export default function LandingPage() {
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our spices, shipping, and quality assurance."
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do you source your spices?",
|
||||
content: "We work directly with local farmers across 25 countries to ensure the highest quality, ethical sourcing, and maximum freshness.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is your return policy?",
|
||||
content: "If you are not satisfied with the quality of your order, contact us within 14 days for a replacement or a full refund.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How long does shipping take?",
|
||||
content: "Domestic orders typically ship within 3-5 business days. International shipping times vary based on the destination.",
|
||||
},
|
||||
{ id: "f1", title: "How do you source your spices?", content: "We work directly with local farmers across 25 countries to ensure the highest quality, ethical sourcing, and maximum freshness." },
|
||||
{ id: "f2", title: "What is your return policy?", content: "If you are not satisfied with the quality of your order, contact us within 14 days for a replacement or a full refund." },
|
||||
{ id: "f3", title: "How long does shipping take?", content: "Domestic orders typically ship within 3-5 business days. International shipping times vary based on the destination." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/exotic-spices-with-plate-spoons-cloth_23-2147684938.jpg"
|
||||
imageAlt="Exotic spices with plate and spoons on cloth"
|
||||
@@ -254,9 +117,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Find Us at the Bazaar"
|
||||
description="Have questions or need wholesale orders? Get in touch with our team today."
|
||||
@@ -267,14 +128,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Spice Bazaar"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user