Merge version_1 into main #1
236
src/app/page.tsx
236
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Organic",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "Organic", id: "about" },
|
||||
{ name: "Support", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="OrganicKart"
|
||||
/>
|
||||
@@ -59,26 +47,11 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-box-with-green-vegetables_23-2148678872.jpg"
|
||||
imageAlt="Fresh organic groceries display"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vegetables-bark-plaster-background_23-2147694490.jpg",
|
||||
alt: "Fresh vegetables arrangement",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-peppers-mix-with-avocado_23-2148685389.jpg",
|
||||
alt: "Peppers and avocado",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pumpkin-apple-harvest-arrangement_23-2148668726.jpg",
|
||||
alt: "Pumpkin and apple harvest",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-wooden-box-with-vegetables_23-2148678869.jpg",
|
||||
alt: "Vegetables in wooden box",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fresh-salad-with-tomatoes-radishes-greens-served-with-bread_141793-714.jpg",
|
||||
alt: "Fresh salad mix",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/vegetables-bark-plaster-background_23-2147694490.jpg", alt: "Fresh vegetables arrangement" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-peppers-mix-with-avocado_23-2148685389.jpg", alt: "Peppers and avocado" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pumpkin-apple-harvest-arrangement_23-2148668726.jpg", alt: "Pumpkin and apple harvest" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-wooden-box-with-vegetables_23-2148678869.jpg", alt: "Vegetables in wooden box" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fresh-salad-with-tomatoes-radishes-greens-served-with-bread_141793-714.jpg", alt: "Fresh salad mix" },
|
||||
]}
|
||||
avatarText="Join 50,000+ happy organic shoppers"
|
||||
/>
|
||||
@@ -88,19 +61,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our organic mission for ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/mid-shot-woman-holding-reusable-bag-outside_23-2148523365.jpg",
|
||||
alt: "Fresh Produce",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " a healthier tomorrow.",
|
||||
},
|
||||
{ type: "text", content: "Our organic mission for " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/mid-shot-woman-holding-reusable-bag-outside_23-2148523365.jpg", alt: "Fresh Produce" },
|
||||
{ type: "text", content: " a healthier tomorrow." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -112,48 +75,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Farm Fresh Apples",
|
||||
price: "$4.99",
|
||||
variant: "1kg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetables-vegetable-cocktail_23-2147711221.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Organic Spinach",
|
||||
price: "$2.99",
|
||||
variant: "250g",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-bicycle-basket_23-2149681997.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Handmade Sourdough",
|
||||
price: "$6.50",
|
||||
variant: "500g",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-customer-paying-with-smartphone_23-2149663658.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Almond Milk",
|
||||
price: "$5.99",
|
||||
variant: "1L",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-salad-with-tomatoes-radishes-greens_141793-611.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Avocado Hass",
|
||||
price: "$3.49",
|
||||
variant: "2 pcs",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fruits-fresh-bread-string-bag-grass_169016-21044.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Extra Virgin Oil",
|
||||
price: "$12.99",
|
||||
variant: "500ml",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg",
|
||||
},
|
||||
{ id: "1", name: "Farm Fresh Apples", price: "$4.99", variant: "1kg", imageSrc: "http://img.b2bpic.net/free-photo/vegetables-vegetable-cocktail_23-2147711221.jpg" },
|
||||
{ id: "2", name: "Organic Spinach", price: "$2.99", variant: "250g", imageSrc: "http://img.b2bpic.net/free-photo/still-life-bicycle-basket_23-2149681997.jpg" },
|
||||
{ id: "3", name: "Handmade Sourdough", price: "$6.50", variant: "500g", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-customer-paying-with-smartphone_23-2149663658.jpg" },
|
||||
{ id: "4", name: "Almond Milk", price: "$5.99", variant: "1L", imageSrc: "http://img.b2bpic.net/free-photo/fresh-salad-with-tomatoes-radishes-greens_141793-611.jpg" },
|
||||
{ id: "5", name: "Avocado Hass", price: "$3.49", variant: "2 pcs", imageSrc: "http://img.b2bpic.net/free-photo/fruits-fresh-bread-string-bag-grass_169016-21044.jpg" },
|
||||
{ id: "6", name: "Extra Virgin Oil", price: "$12.99", variant: "500ml", imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-entrepreneur-analyzing-company-profit_482257-20207.jpg" },
|
||||
]}
|
||||
title="Trending Organic Picks"
|
||||
description="Handpicked fresh items delivered to your doorstep."
|
||||
@@ -163,23 +90,12 @@ export default function LandingPage() {
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
textboxLayout="inline-image"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "AI Recommendations",
|
||||
description: "Personalized health-based suggestions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671595.jpg",
|
||||
},
|
||||
{
|
||||
title: "Eco-Friendly Logistics",
|
||||
description: "Zero-emission fast delivery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-carrying-bag-with-vegetables_23-2149050769.jpg",
|
||||
},
|
||||
{
|
||||
title: "Real-time Tracking",
|
||||
description: "Know exactly when your delivery arrives.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-factory-expert-monitors-machinery-performance-production-line_482257-125945.jpg",
|
||||
},
|
||||
{ title: "AI Recommendations", description: "Personalized health-based suggestions.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671595.jpg" },
|
||||
{ title: "Eco-Friendly Logistics", description: "Zero-emission fast delivery.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-carrying-bag-with-vegetables_23-2149050769.jpg" },
|
||||
{ title: "Real-time Tracking", description: "Know exactly when your delivery arrives.", imageSrc: "http://img.b2bpic.net/free-photo/solar-factory-expert-monitors-machinery-performance-production-line_482257-125945.jpg" },
|
||||
]}
|
||||
title="Amazon-Level Intelligence"
|
||||
description="Smart technology meets fresh, healthy living."
|
||||
@@ -192,21 +108,9 @@ export default function LandingPage() {
|
||||
title="Market Impact"
|
||||
tag="Trusted by Millions"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500K+",
|
||||
description: "Orders Delivered",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
description: "Organic Certified",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9/5",
|
||||
description: "Avg. User Rating",
|
||||
},
|
||||
{ id: "m1", value: "500K+", description: "Orders Delivered" },
|
||||
{ id: "m2", value: "100%", description: "Organic Certified" },
|
||||
{ id: "m3", value: "4.9/5", description: "Avg. User Rating" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -219,26 +123,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-woman-with-paper-bag-full-healthy-food_23-2148173305.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-female-cook-with-basket-full-fresh-vegetables-dark-food-cooking-color-meal-salad-cuisine_179666-43990.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-couple-having-fun_23-2150043688.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-smelling-tomato_23-2148648898.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-person-holding-bio-groceries-shopping-bag_482257-104954.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/brunette-woman-with-paper-bag-full-healthy-food_23-2148173305.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-female-cook-with-basket-full-fresh-vegetables-dark-food-cooking-color-meal-salad-cuisine_179666-43990.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-couple-having-fun_23-2150043688.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-smelling-tomato_23-2148648898.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-person-holding-bio-groceries-shopping-bag_482257-104954.jpg", alt: "User 5" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -250,21 +139,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is everything organic?",
|
||||
content: "Yes, we prioritize 100% certified organic suppliers.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How is delivery calculated?",
|
||||
content: "Delivery is dynamic based on your location and order volume.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What about returns?",
|
||||
content: "We offer a 100% satisfaction guarantee with easy return procedures.",
|
||||
},
|
||||
{ id: "q1", title: "Is everything organic?", content: "Yes, we prioritize 100% certified organic suppliers." },
|
||||
{ id: "q2", title: "How is delivery calculated?", content: "Delivery is dynamic based on your location and order volume." },
|
||||
{ id: "q3", title: "What about returns?", content: "We offer a 100% satisfaction guarantee with easy return procedures." },
|
||||
]}
|
||||
title="Need Help?"
|
||||
description="Answers to commonly asked questions."
|
||||
@@ -275,9 +152,8 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get In Touch"
|
||||
background={{ variant: "plain" }}
|
||||
title="Join the Movement"
|
||||
description="Sign up for exclusive organic offers and daily updates."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fresh-green-smoothie-macro-shot_53876-42492.jpg"
|
||||
@@ -289,45 +165,9 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="OrganicKart"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Delivery",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Services", items: [{ label: "Shop", href: "#" }, { label: "Delivery", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user