Merge version_1 into main #2
326
src/app/page.tsx
326
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Samra’a Aden"
|
||||
/>
|
||||
@@ -55,48 +43,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Samra’a Aden: The Essence of Authentic Spices"
|
||||
description="Experience the world's most aromatic and premium spices, sourced from the finest origins and delivered directly to your kitchen."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Shop Now", href: "#products" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/peppers-spoons-vase-with-red-pepper-flakes-side-view-wooden_176474-7471.jpg?_wi=1",
|
||||
imageAlt: "Premium Spices",
|
||||
},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-delicious-raw-spices_23-2148882519.jpg?_wi=1",
|
||||
imageAlt: "Traditional Bazaar",
|
||||
},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sausages-with-pepper-mix_23-2148679006.jpg?_wi=1",
|
||||
imageAlt: "Macro Spice",
|
||||
},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anise-small-sieve-with-dried-tea-flat-lay-white-surface_176474-6281.jpg",
|
||||
imageAlt: "Spice Market",
|
||||
},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-spices-garlic-lemon-mixed-color-table_140725-86544.jpg",
|
||||
imageAlt: "Gourmet Spices",
|
||||
},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-spoons-with-powders_23-2147964167.jpg",
|
||||
imageAlt: "Culinary Herbs",
|
||||
},
|
||||
{ id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/peppers-spoons-vase-with-red-pepper-flakes-side-view-wooden_176474-7471.jpg", imageAlt: "Premium Spices" },
|
||||
{ id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/assortment-delicious-raw-spices_23-2148882519.jpg", imageAlt: "Traditional Bazaar" },
|
||||
{ id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sausages-with-pepper-mix_23-2148679006.jpg", imageAlt: "Macro Spice" },
|
||||
{ id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/anise-small-sieve-with-dried-tea-flat-lay-white-surface_176474-6281.jpg", imageAlt: "Spice Market" },
|
||||
{ id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/different-spices-garlic-lemon-mixed-color-table_140725-86544.jpg", imageAlt: "Gourmet Spices" },
|
||||
{ id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/bowl-spoons-with-powders_23-2147964167.jpg", imageAlt: "Culinary Herbs" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,26 +62,11 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Passion for ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/assortment-spices-bowls-jar_23-2147894654.jpg",
|
||||
alt: "Spices",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Authentic Flavors",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn Our Story",
|
||||
href: "#contact",
|
||||
},
|
||||
{ type: "text", content: "Our Passion for " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/assortment-spices-bowls-jar_23-2147894654.jpg", alt: "Spices" },
|
||||
{ type: "text", content: " Authentic Flavors" },
|
||||
]}
|
||||
buttons={[{ text: "Learn Our Story", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -135,60 +77,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Samra’a",
|
||||
name: "Saffron Threads",
|
||||
price: "$15.00",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/saffron-marble-mortar-dark-stone-background-top-view-seasoning-preparation-aromatic-spices-seasonings_166373-2245.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Samra’a",
|
||||
name: "Black Peppercorns",
|
||||
price: "$8.00",
|
||||
rating: 5,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seeds-jar-high-angle_23-2148917707.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Samra’a",
|
||||
name: "Star Anise",
|
||||
price: "$12.00",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spices-dry-tea-leaves-metallic-spoons_114579-20041.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Samra’a",
|
||||
name: "Turmeric Powder",
|
||||
price: "$7.00",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-vegetable-composition-with-seasonings-white-background-color-photo-healthy-life-salad-meal-ripe-vegetable_140725-139564.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Samra’a",
|
||||
name: "Cardamom Pods",
|
||||
price: "$14.00",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-winter-spices_114579-20553.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Samra’a",
|
||||
name: "Cinnamon Sticks",
|
||||
price: "$9.00",
|
||||
rating: 4,
|
||||
reviewCount: "92",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cinnamon-sticks-wooden-cup-with-oak-tree-branch-around_114579-38790.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Samra’a", name: "Saffron Threads", price: "$15.00", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/saffron-marble-mortar-dark-stone-background-top-view-seasoning-preparation-aromatic-spices-seasonings_166373-2245.jpg" },
|
||||
{ id: "p2", brand: "Samra’a", name: "Black Peppercorns", price: "$8.00", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/seeds-jar-high-angle_23-2148917707.jpg" },
|
||||
{ id: "p3", brand: "Samra’a", name: "Star Anise", price: "$12.00", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/spices-dry-tea-leaves-metallic-spoons_114579-20041.jpg" },
|
||||
{ id: "p4", brand: "Samra’a", name: "Turmeric Powder", price: "$7.00", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/front-view-vegetable-composition-with-seasonings-white-background-color-photo-healthy-life-salad-meal-ripe-vegetable_140725-139564.jpg" },
|
||||
{ id: "p5", brand: "Samra’a", name: "Cardamom Pods", price: "$14.00", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/assortment-winter-spices_114579-20553.jpg" },
|
||||
{ id: "p6", brand: "Samra’a", name: "Cinnamon Sticks", price: "$9.00", rating: 4, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/cinnamon-sticks-wooden-cup-with-oak-tree-branch-around_114579-38790.jpg" },
|
||||
]}
|
||||
title="Explore Our Collections"
|
||||
description="Discover a diverse selection of high-grade culinary ingredients."
|
||||
@@ -201,51 +95,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Quality",
|
||||
description: "Hand-selected ingredients.",
|
||||
icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aromatic-saffron-still-life-composition_23-2149186995.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-preserved-vegetables-assortment_23-2148626092.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/peppers-spoons-vase-with-red-pepper-flakes-side-view-wooden_176474-7471.jpg?_wi=2",
|
||||
imageAlt: "premium organic saffron threads",
|
||||
},
|
||||
{
|
||||
title: "Authentic Sourcing",
|
||||
description: "Ethical and direct trade.",
|
||||
icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anise-flowers-wooden-cup-marble_114579-34316.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spoons-with-aromatic-spices_23-2147894615.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-delicious-raw-spices_23-2148882519.jpg?_wi=2",
|
||||
imageAlt: "premium organic saffron threads",
|
||||
},
|
||||
{
|
||||
title: "Fast Delivery",
|
||||
description: "Freshness to your door.",
|
||||
icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chopped-green-beans-pan-blue-surface_114579-71508.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cinnamon-with-dried-rosebuds-bowls-board-white-surface_141793-18328.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sausages-with-pepper-mix_23-2148679006.jpg?_wi=2",
|
||||
imageAlt: "premium organic saffron threads",
|
||||
},
|
||||
{ title: "Premium Quality", description: "Hand-selected ingredients.", icon: CheckCircle, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/aromatic-saffron-still-life-composition_23-2149186995.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/homemade-preserved-vegetables-assortment_23-2148626092.jpg" }] },
|
||||
{ title: "Authentic Sourcing", description: "Ethical and direct trade.", icon: Shield, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/anise-flowers-wooden-cup-marble_114579-34316.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/spoons-with-aromatic-spices_23-2147894615.jpg" }] },
|
||||
{ title: "Fast Delivery", description: "Freshness to your door.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/chopped-green-beans-pan-blue-surface_114579-71508.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/top-view-cinnamon-with-dried-rosebuds-bowls-board-white-surface_141793-18328.jpg" }] },
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Excellence in quality, authenticity, and sourcing."
|
||||
@@ -254,27 +106,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Star,
|
||||
title: "Happy Clients",
|
||||
value: "5k+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Global Origins",
|
||||
value: "20+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: CheckCircle,
|
||||
title: "Certifications",
|
||||
value: "15",
|
||||
},
|
||||
{ id: "m1", icon: Star, title: "Happy Clients", value: "5k+" },
|
||||
{ id: "m2", icon: Award, title: "Global Origins", value: "20+" },
|
||||
{ id: "m3", icon: CheckCircle, title: "Certifications", value: "15" },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Quality defined in every batch."
|
||||
@@ -287,41 +125,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@chef-sarah",
|
||||
testimonial: "Exceptional quality, every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-together_23-2148965340.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael K.",
|
||||
handle: "@mike-cooks",
|
||||
testimonial: "The best saffron I've ever tasted.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-baker-holding-baguettes_23-2147883304.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma R.",
|
||||
handle: "@emma-foodie",
|
||||
testimonial: "Fast shipping, fresh flavors.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-cutting-onion_23-2149631681.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
handle: "@dave-gourmet",
|
||||
testimonial: "Authentic and truly aromatic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/food-blogger-cute-young-girl-pink-apron-with-recording-video-explaining-camera_140725-166730.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena P.",
|
||||
handle: "@elena-kitchen",
|
||||
testimonial: "My cooking has never been better.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brunette-attractive-female-with-curly-hair-home-kitchen-with-lot-flowers_613910-16401.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", handle: "@chef-sarah", testimonial: "Exceptional quality, every time.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-together_23-2148965340.jpg" },
|
||||
{ id: "2", name: "Michael K.", handle: "@mike-cooks", testimonial: "The best saffron I've ever tasted.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-male-baker-holding-baguettes_23-2147883304.jpg" },
|
||||
{ id: "3", name: "Emma R.", handle: "@emma-foodie", testimonial: "Fast shipping, fresh flavors.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-cutting-onion_23-2149631681.jpg" },
|
||||
{ id: "4", name: "David W.", handle: "@dave-gourmet", testimonial: "Authentic and truly aromatic.", imageSrc: "http://img.b2bpic.net/free-photo/food-blogger-cute-young-girl-pink-apron-with-recording-video-explaining-camera_140725-166730.jpg" },
|
||||
{ id: "5", name: "Elena P.", handle: "@elena-kitchen", testimonial: "My cooking has never been better.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-brunette-attractive-female-with-curly-hair-home-kitchen-with-lot-flowers_613910-16401.jpg" },
|
||||
]}
|
||||
title="Trusted by Enthusiasts"
|
||||
description="Stories from our spice-loving community."
|
||||
@@ -330,39 +138,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do you source spices?",
|
||||
content: "We work directly with artisanal farmers.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is shipping global?",
|
||||
content: "Yes, we ship internationally.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are products organic?",
|
||||
content: "We prioritize organic and ethically grown.",
|
||||
},
|
||||
{ id: "q1", title: "How do you source spices?", content: "We work directly with artisanal farmers." },
|
||||
{ id: "q2", title: "Is shipping global?", content: "Yes, we ship internationally." },
|
||||
{ id: "q3", title: "Are products organic?", content: "We prioritize organic and ethically grown." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865303.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
description="Get clarity on our services and products."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Newsletter"
|
||||
title="Keep in Touch"
|
||||
description="Join our newsletter for updates and spice tips."
|
||||
@@ -373,45 +167,9 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Samra’a Aden"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All Spices",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Shop", items: [{ label: "All Spices", href: "#products" }, { label: "Best Sellers", href: "#products" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user