Update src/app/page.tsx
This commit is contained in:
260
src/app/page.tsx
260
src/app/page.tsx
@@ -33,33 +33,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About Us", id: "#about"},
|
||||
{
|
||||
name: "Quality",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Quality", id: "#features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Persian Harvest"
|
||||
/>
|
||||
@@ -68,81 +54,52 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Authentic Iranian Rice & Tea, Delivered Fresh"
|
||||
description="Discover premium-grade Persian staples sourced directly from trusted Iranian producers. Elevate your kitchen with authentic flavors and centuries-old traditions."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Authenticity",
|
||||
},
|
||||
value: "100%", label: "Authenticity"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Happy Customers",
|
||||
},
|
||||
value: "500+", label: "Happy Customers"},
|
||||
{
|
||||
value: "20+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "20+", label: "Years Experience"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-condiments-slate-with-spoons_23-2148461730.jpg"
|
||||
imageAlt="Traditional Iranian rice and tea display"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-cooking_1098-13267.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-cooking_1098-13267.jpg", alt: "Happy customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-brunette-attractive-female-with-curly-hair-home-kitchen-with-lot-flowers_613910-16405.jpg",
|
||||
alt: "Satisfied chef",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-brunette-attractive-female-with-curly-hair-home-kitchen-with-lot-flowers_613910-16405.jpg", alt: "Satisfied chef"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-cooking-with-vegetables-domestic-kitchen_1398-3423.jpg",
|
||||
alt: "Food enthusiast",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/girl-cooking-with-vegetables-domestic-kitchen_1398-3423.jpg", alt: "Food enthusiast"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/thoughtful-young-woman-using-digital-tablet-hand-standing-kitchen_23-2148122743.jpg",
|
||||
alt: "Online shopper",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/thoughtful-young-woman-using-digital-tablet-hand-standing-kitchen_23-2148122743.jpg", alt: "Online shopper"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-young-handsome-cook-chef-uniform-gesturing-strong-isolated-white-wall_141793-101060.jpg",
|
||||
alt: "Culinary expert",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-young-handsome-cook-chef-uniform-gesturing-strong-isolated-white-wall_141793-101060.jpg", alt: "Culinary expert"},
|
||||
]}
|
||||
avatarText="Trusted by thousands of home cooks & chefs"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Premium Basmati Rice",
|
||||
icon: Crop,
|
||||
type: "text-icon", text: "Premium Basmati Rice", icon: Crop,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Exotic Persian Teas",
|
||||
icon: Leaf,
|
||||
type: "text-icon", text: "Exotic Persian Teas", icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "Directly Sourced",
|
||||
type: "text", text: "Directly Sourced"},
|
||||
{
|
||||
type: "text-icon", text: "Sustainable Practices", icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Sustainable Practices",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "Family Traditions",
|
||||
},
|
||||
type: "text", text: "Family Traditions"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -154,19 +111,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Sustainably Sourced",
|
||||
value: "Direct Trade",
|
||||
},
|
||||
label: "Sustainably Sourced", value: "Direct Trade"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Premium Quality",
|
||||
value: "Hand Selected",
|
||||
},
|
||||
label: "Premium Quality", value: "Hand Selected"},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Global Reach",
|
||||
value: "Worldwide Shipping",
|
||||
},
|
||||
label: "Global Reach", value: "Worldwide Shipping"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -180,23 +131,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Directly Sourced Rice",
|
||||
description: "Our rice comes from the lush fields of Gilan and Mazandaran, known for producing aromatic, long-grain varieties.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paddy-harvest-golden-yellow-paddy-hand-farmer-carrying-paddy-hand-rice_1150-45681.jpg",
|
||||
imageAlt: "Iranian rice fields",
|
||||
},
|
||||
title: "Directly Sourced Rice", description: "Our rice comes from the lush fields of Gilan and Mazandaran, known for producing aromatic, long-grain varieties.", imageSrc: "http://img.b2bpic.net/free-photo/paddy-harvest-golden-yellow-paddy-hand-farmer-carrying-paddy-hand-rice_1150-45681.jpg", imageAlt: "Iranian rice fields"},
|
||||
{
|
||||
title: "Exquisite Persian Teas",
|
||||
description: "Explore our collection of black teas, blended with delicate spices and herbs for a truly authentic taste.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/herbal-tea-cookies-with-tea-strainer-herbs-citrus-fruits_176474-83007.jpg",
|
||||
imageAlt: "Persian tea ceremony",
|
||||
},
|
||||
title: "Exquisite Persian Teas", description: "Explore our collection of black teas, blended with delicate spices and herbs for a truly authentic taste.", imageSrc: "http://img.b2bpic.net/free-photo/herbal-tea-cookies-with-tea-strainer-herbs-citrus-fruits_176474-83007.jpg", imageAlt: "Persian tea ceremony"},
|
||||
{
|
||||
title: "Artisanal Quality Control",
|
||||
description: "Every product undergoes strict quality checks from farm to your pantry, ensuring purity and freshness.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-man-pours-tasty-liquid-cake-batter-from-measure-cup-special-metallic-foil-made-molds-before-cooking-oven-professional-cooking-process-artisan-bakery_346278-686.jpg",
|
||||
imageAlt: "Quality control inspection",
|
||||
},
|
||||
title: "Artisanal Quality Control", description: "Every product undergoes strict quality checks from farm to your pantry, ensuring purity and freshness.", imageSrc: "http://img.b2bpic.net/free-photo/black-man-pours-tasty-liquid-cake-batter-from-measure-cup-special-metallic-foil-made-molds-before-cooking-oven-professional-cooking-process-artisan-bakery_346278-686.jpg", imageAlt: "Quality control inspection"},
|
||||
]}
|
||||
title="The Heart of Persian Cuisine"
|
||||
description="We meticulously select and import the finest ingredients, ensuring every grain of rice and every tea leaf meets our rigorous standards."
|
||||
@@ -211,47 +150,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Premium Iranian Basmati Rice",
|
||||
price: "$18.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hands-holding-bowl-with-rice_23-2149359435.jpg",
|
||||
imageAlt: "Bag of Basmati rice",
|
||||
},
|
||||
id: "p1", name: "Premium Iranian Basmati Rice", price: "$18.99", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hands-holding-bowl-with-rice_23-2149359435.jpg", imageAlt: "Bag of Basmati rice"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Persian Saffron Black Tea",
|
||||
price: "$12.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assorted-dried-herbs-glass-bowls-plaster-surface_176474-6286.jpg",
|
||||
imageAlt: "Saffron black tea",
|
||||
},
|
||||
id: "p2", name: "Persian Saffron Black Tea", price: "$12.50", imageSrc: "http://img.b2bpic.net/free-photo/assorted-dried-herbs-glass-bowls-plaster-surface_176474-6286.jpg", imageAlt: "Saffron black tea"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Wild Brown Iranian Rice",
|
||||
price: "$22.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-rice-with-dough-slices-dark-surface-dish-dark-food-pasta_140725-82243.jpg",
|
||||
imageAlt: "Bag of wild brown rice",
|
||||
},
|
||||
id: "p3", name: "Wild Brown Iranian Rice", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-rice-with-dough-slices-dark-surface-dish-dark-food-pasta_140725-82243.jpg", imageAlt: "Bag of wild brown rice"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cardamom Spiced Tea",
|
||||
price: "$10.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-milk-tea-concept-with-copy-space_23-2148555195.jpg",
|
||||
imageAlt: "Cardamom tea blend",
|
||||
},
|
||||
id: "p4", name: "Cardamom Spiced Tea", price: "$10.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-milk-tea-concept-with-copy-space_23-2148555195.jpg", imageAlt: "Cardamom tea blend"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Aged Iranian Rice (Domsiah)",
|
||||
price: "$25.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-black-rice-bowl-rustic-wooden-table_23-2147883472.jpg",
|
||||
imageAlt: "Aged Iranian Domsiah rice",
|
||||
},
|
||||
id: "p5", name: "Aged Iranian Rice (Domsiah)", price: "$25.99", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-black-rice-bowl-rustic-wooden-table_23-2147883472.jpg", imageAlt: "Aged Iranian Domsiah rice"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Rose Petal Green Tea",
|
||||
price: "$14.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hazelnut-plate-top-view-white-wood_176474-4924.jpg",
|
||||
imageAlt: "Rose petal green tea",
|
||||
},
|
||||
id: "p6", name: "Rose Petal Green Tea", price: "$14.00", imageSrc: "http://img.b2bpic.net/free-photo/hazelnut-plate-top-view-white-wood_176474-4924.jpg", imageAlt: "Rose petal green tea"},
|
||||
]}
|
||||
title="Explore Our Premium Selection"
|
||||
description="From fragrant Basmati to delicate Saffron-infused blends, find the perfect Iranian staple for your home or as a thoughtful gift."
|
||||
@@ -263,50 +172,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Shirin G.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-cooking-kitchen-chopping-vegetables-board-holding-tomatoes_1258-198073.jpg",
|
||||
imageAlt: "Shirin G.",
|
||||
rating: 5,
|
||||
company: "Home Cook",
|
||||
role: "Enthusiast",
|
||||
},
|
||||
id: "t1", name: "Shirin G.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-cooking-kitchen-chopping-vegetables-board-holding-tomatoes_1258-198073.jpg", imageAlt: "Shirin G.", company: "Home Cook", role: "Enthusiast"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Reza M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-chef-looking-up-with-hands-waist-white-uniform-looking-indecisive-front-view_176474-92242.jpg",
|
||||
imageAlt: "Reza M.",
|
||||
rating: 5,
|
||||
company: "Chef",
|
||||
role: "Restaurant Owner",
|
||||
},
|
||||
id: "t2", name: "Reza M.", imageSrc: "http://img.b2bpic.net/free-photo/male-chef-looking-up-with-hands-waist-white-uniform-looking-indecisive-front-view_176474-92242.jpg", imageAlt: "Reza M.", company: "Chef", role: "Restaurant Owner"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Layla K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-cooking-with-apples_23-2149079803.jpg",
|
||||
imageAlt: "Layla K.",
|
||||
rating: 5,
|
||||
company: "Food Blogger",
|
||||
role: "Influencer",
|
||||
},
|
||||
id: "t3", name: "Layla K.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-cooking-with-apples_23-2149079803.jpg", imageAlt: "Layla K.", company: "Food Blogger", role: "Influencer"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Arash S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laughing-young-woman-with-laptop-talking-mobile-phone-while-sitting-comfortable-armchair_158595-7313.jpg",
|
||||
imageAlt: "Arash S.",
|
||||
rating: 5,
|
||||
company: "Gift Buyer",
|
||||
role: "Satisfied Customer",
|
||||
},
|
||||
id: "t4", name: "Arash S.", imageSrc: "http://img.b2bpic.net/free-photo/laughing-young-woman-with-laptop-talking-mobile-phone-while-sitting-comfortable-armchair_158595-7313.jpg", imageAlt: "Arash S.", company: "Gift Buyer", role: "Satisfied Customer"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Parisa N.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-chef-sad-expression_1194-1377.jpg",
|
||||
imageAlt: "Parisa N.",
|
||||
rating: 5,
|
||||
company: "Culinary Student",
|
||||
role: "Aspiring Chef",
|
||||
},
|
||||
id: "t5", name: "Parisa N.", imageSrc: "http://img.b2bpic.net/free-photo/crazy-chef-sad-expression_1194-1377.jpg", imageAlt: "Parisa N.", company: "Culinary Student", role: "Aspiring Chef"},
|
||||
]}
|
||||
cardTitle="What Our Customers Say"
|
||||
cardTag="Raving Reviews"
|
||||
@@ -319,14 +193,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Food & Wine Magazine",
|
||||
"Bon Appétit",
|
||||
"Taste of Home",
|
||||
"Persian Food Journal",
|
||||
"The Gourmet Guide",
|
||||
"Epicurious",
|
||||
"Culinary Times",
|
||||
]}
|
||||
"Food & Wine Magazine", "Bon Appétit", "Taste of Home", "Persian Food Journal", "The Gourmet Guide", "Epicurious", "Culinary Times"]}
|
||||
title="Featured In"
|
||||
description="Our commitment to quality has earned us recognition from respected culinary publications and food enthusiasts alike."
|
||||
/>
|
||||
@@ -338,35 +205,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "What makes Iranian rice unique?",
|
||||
content: "Iranian rice is prized for its distinct aroma, fluffy texture, and delicate flavor, a result of centuries-old cultivation methods in fertile regions.",
|
||||
},
|
||||
id: "faq1", title: "What makes Iranian rice unique?", content: "Iranian rice is prized for its distinct aroma, fluffy texture, and delicate flavor, a result of centuries-old cultivation methods in fertile regions."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "How should I store rice and tea?",
|
||||
content: "To maintain freshness, store rice in an airtight container in a cool, dry place. Tea should be kept in a sealed tin away from light and moisture.",
|
||||
},
|
||||
id: "faq2", title: "How should I store rice and tea?", content: "To maintain freshness, store rice in an airtight container in a cool, dry place. Tea should be kept in a sealed tin away from light and moisture."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship our products worldwide. Shipping costs and delivery times vary by destination and are calculated at checkout.",
|
||||
},
|
||||
id: "faq3", title: "Do you offer international shipping?", content: "Yes, we ship our products worldwide. Shipping costs and delivery times vary by destination and are calculated at checkout."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "Are your products organic?",
|
||||
content: "Many of our products are organically grown, and we prioritize sustainable farming practices. Look for specific labels on product pages.",
|
||||
},
|
||||
id: "faq4", title: "Are your products organic?", content: "Many of our products are organically grown, and we prioritize sustainable farming practices. Look for specific labels on product pages."},
|
||||
{
|
||||
id: "faq5",
|
||||
title: "Can I buy in bulk for events?",
|
||||
content: "For bulk orders or special events, please contact our customer service team. We offer customized solutions.",
|
||||
},
|
||||
id: "faq5", title: "Can I buy in bulk for events?", content: "For bulk orders or special events, please contact our customer service team. We offer customized solutions."},
|
||||
{
|
||||
id: "faq6",
|
||||
title: "What is your return policy?",
|
||||
content: "We aim for complete customer satisfaction. If you are not happy with your purchase, please review our detailed return policy in the footer.",
|
||||
},
|
||||
id: "faq6", title: "What is your return policy?", content: "We aim for complete customer satisfaction. If you are not happy with your purchase, please review our detailed return policy in the footer."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our products, sourcing, ordering, and delivery."
|
||||
@@ -378,8 +227,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get In Touch"
|
||||
title="Connect with Persian Harvest"
|
||||
description="Have a question about our authentic Iranian rice and tea, your order, or partnership opportunities? We're here to help."
|
||||
@@ -399,19 +247,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user