Merge version_1 into main #1
287
src/app/page.tsx
287
src/app/page.tsx
@@ -32,28 +32,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Deals",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "Deals", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Jivan Supermarket"
|
||||
button={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -63,13 +49,9 @@ export default function LandingPage() {
|
||||
description="Discover everyday essentials and specialty items at Jivan Supermarket. Shop online, visit us in-store, or explore our latest deals and promotions."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "Find Your Store",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Find Your Store", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-bazaar-full-different-vegetables_181624-13826.jpg"
|
||||
imageAlt="fresh groceries vegetable market display"
|
||||
@@ -83,19 +65,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Locations",
|
||||
value: "15+",
|
||||
},
|
||||
label: "Locations", value: "15+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Community Members",
|
||||
value: "50k+",
|
||||
},
|
||||
label: "Community Members", value: "50k+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Served",
|
||||
value: "20+",
|
||||
},
|
||||
label: "Years Served", value: "20+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -108,38 +84,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Farm Fresh",
|
||||
author: "Direct from growers",
|
||||
description: "We source our fruits and vegetables directly from local farms.",
|
||||
tags: [
|
||||
"fresh",
|
||||
"local",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-apples-falling-out-bucket-marble-table_114579-39675.jpg",
|
||||
},
|
||||
id: "f1", title: "Farm Fresh", author: "Direct from growers", description: "We source our fruits and vegetables directly from local farms.", tags: ["fresh", "local"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-apples-falling-out-bucket-marble-table_114579-39675.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Online Ordering",
|
||||
author: "Convenient delivery",
|
||||
description: "Browse our complete inventory online and get items delivered.",
|
||||
tags: [
|
||||
"online",
|
||||
"fast",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-green-salad-brown_140725-18977.jpg",
|
||||
},
|
||||
id: "f2", title: "Online Ordering", author: "Convenient delivery", description: "Browse our complete inventory online and get items delivered.", tags: ["online", "fast"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-green-salad-brown_140725-18977.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Daily Deals",
|
||||
author: "Save more",
|
||||
description: "We offer daily promotions and discounts on your groceries.",
|
||||
tags: [
|
||||
"savings",
|
||||
"value",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379540.jpg",
|
||||
},
|
||||
id: "f3", title: "Daily Deals", author: "Save more", description: "We offer daily promotions and discounts on your groceries.", tags: ["savings", "value"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-baked-bread-pastry-shop_23-2150379540.jpg"},
|
||||
]}
|
||||
title="Why Shop With Jivan?"
|
||||
description="We are committed to providing the freshest produce and household essentials with the best service in the community."
|
||||
@@ -154,41 +106,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Organic Red Apples",
|
||||
price: "$3.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-apple-basket_74190-6132.jpg",
|
||||
},
|
||||
id: "p1", name: "Organic Red Apples", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-photo/red-apple-basket_74190-6132.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Fresh Romaine Lettuce",
|
||||
price: "$1.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-fresh-raw-vegetables-products-table-modern-kitchen-room-healthy-eating-organic-food_1157-41855.jpg",
|
||||
},
|
||||
id: "p2", name: "Fresh Romaine Lettuce", price: "$1.99", imageSrc: "http://img.b2bpic.net/free-photo/set-fresh-raw-vegetables-products-table-modern-kitchen-room-healthy-eating-organic-food_1157-41855.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Sourdough Bread",
|
||||
price: "$5.49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-artisan-crusty-whole-grain-bread-rustic-kitchen-towel-top-view-traditional-techniques-loaf-from-rye-wheat-sourdough-innovating-bread-slow-carb-baking_166373-2185.jpg",
|
||||
},
|
||||
id: "p3", name: "Sourdough Bread", price: "$5.49", imageSrc: "http://img.b2bpic.net/free-photo/homemade-artisan-crusty-whole-grain-bread-rustic-kitchen-towel-top-view-traditional-techniques-loaf-from-rye-wheat-sourdough-innovating-bread-slow-carb-baking_166373-2185.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Organic Whole Milk",
|
||||
price: "$4.29",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-supermarket-reading-nutrition-values-from-product-by-shelf_342744-1108.jpg",
|
||||
},
|
||||
id: "p4", name: "Organic Whole Milk", price: "$4.29", imageSrc: "http://img.b2bpic.net/free-photo/woman-supermarket-reading-nutrition-values-from-product-by-shelf_342744-1108.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Bell Peppers Pack",
|
||||
price: "$3.49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-female-gardener-uniform-wearing-gardening-hat-holds-looks-vegetable-basket_141793-71296.jpg",
|
||||
},
|
||||
id: "p5", name: "Bell Peppers Pack", price: "$3.49", imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-female-gardener-uniform-wearing-gardening-hat-holds-looks-vegetable-basket_141793-71296.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Vine Tomatoes",
|
||||
price: "$2.89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unripe-green-tomatoes-growing-vine-with-spotted-leaves_632498-60875.jpg",
|
||||
},
|
||||
id: "p6", name: "Vine Tomatoes", price: "$2.89", imageSrc: "http://img.b2bpic.net/free-photo/unripe-green-tomatoes-growing-vine-with-spotted-leaves_632498-60875.jpg"},
|
||||
]}
|
||||
title="Our Daily Essentials"
|
||||
description="Explore our wide range of high-quality products, from farm-fresh produce to premium pantry items."
|
||||
@@ -202,55 +130,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "deal-1",
|
||||
tag: "Essentials",
|
||||
price: "$29",
|
||||
period: "/week",
|
||||
description: "Best for individual needs",
|
||||
button: {
|
||||
text: "Shop Essentials",
|
||||
},
|
||||
featuresTitle: "Included items",
|
||||
features: [
|
||||
"Milk",
|
||||
"Eggs",
|
||||
"Bread",
|
||||
"Seasonal Fruit",
|
||||
],
|
||||
id: "deal-1", tag: "Essentials", price: "$29", period: "/week", description: "Best for individual needs", button: {
|
||||
text: "Shop Essentials"},
|
||||
featuresTitle: "Included items", features: ["Milk", "Eggs", "Bread", "Seasonal Fruit"],
|
||||
},
|
||||
{
|
||||
id: "deal-2",
|
||||
tag: "Family",
|
||||
price: "$89",
|
||||
period: "/week",
|
||||
description: "Complete family weekly supplies",
|
||||
button: {
|
||||
text: "Shop Family",
|
||||
},
|
||||
featuresTitle: "Included items",
|
||||
features: [
|
||||
"Meat",
|
||||
"Produce",
|
||||
"Pantry Items",
|
||||
"Household Essentials",
|
||||
],
|
||||
id: "deal-2", tag: "Family", price: "$89", period: "/week", description: "Complete family weekly supplies", button: {
|
||||
text: "Shop Family"},
|
||||
featuresTitle: "Included items", features: ["Meat", "Produce", "Pantry Items", "Household Essentials"],
|
||||
},
|
||||
{
|
||||
id: "deal-3",
|
||||
tag: "Gourmet",
|
||||
price: "$149",
|
||||
period: "/week",
|
||||
description: "Premium selections for foodies",
|
||||
button: {
|
||||
text: "Shop Gourmet",
|
||||
},
|
||||
featuresTitle: "Included items",
|
||||
features: [
|
||||
"Premium Steak",
|
||||
"Fine Wine",
|
||||
"Artisan Cheeses",
|
||||
"Exotic Produce",
|
||||
],
|
||||
id: "deal-3", tag: "Gourmet", price: "$149", period: "/week", description: "Premium selections for foodies", button: {
|
||||
text: "Shop Gourmet"},
|
||||
featuresTitle: "Included items", features: ["Premium Steak", "Fine Wine", "Artisan Cheeses", "Exotic Produce"],
|
||||
},
|
||||
]}
|
||||
title="Exclusive Offers"
|
||||
@@ -266,45 +158,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Teacher",
|
||||
company: "Local School",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-holding-shopping-cart_1187-3726.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Teacher", company: "Local School", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-holding-shopping-cart_1187-3726.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Chef",
|
||||
company: "The Bistro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-writing-notebook_23-2148332155.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Chef", company: "The Bistro", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-writing-notebook_23-2148332155.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Designer",
|
||||
company: "Creative Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-with-medical-masks-out-grocery-shopping-with-shopping-cart_23-2149483206.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Designer", company: "Creative Hub", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-with-medical-masks-out-grocery-shopping-with-shopping-cart_23-2149483206.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Architect",
|
||||
company: "Build Design",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-holding-groceries-bag_23-2148577118.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Architect", company: "Build Design", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-holding-groceries-bag_23-2148577118.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Wang",
|
||||
role: "Doctor",
|
||||
company: "City Clinic",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-red-holding-different-vegetables-fruits-store_627829-9471.jpg",
|
||||
},
|
||||
id: "5", name: "Lisa Wang", role: "Doctor", company: "City Clinic", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-red-holding-different-vegetables-fruits-store_627829-9471.jpg"},
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="What our customers are saying about the Jivan Supermarket experience."
|
||||
@@ -316,20 +183,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we offer home delivery services for all orders placed through our website.",
|
||||
},
|
||||
id: "q1", title: "Do you offer delivery?", content: "Yes, we offer home delivery services for all orders placed through our website."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you open on Sundays?",
|
||||
content: "Our stores are open daily from 8:00 AM to 9:00 PM, including Sundays.",
|
||||
},
|
||||
id: "q2", title: "Are you open on Sundays?", content: "Our stores are open daily from 8:00 AM to 9:00 PM, including Sundays."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you have a loyalty program?",
|
||||
content: "Yes, join our Jivan Rewards program to earn points on every purchase and access exclusive member pricing.",
|
||||
},
|
||||
id: "q3", title: "Do you have a loyalty program?", content: "Yes, join our Jivan Rewards program to earn points on every purchase and access exclusive member pricing."},
|
||||
]}
|
||||
sideTitle="Questions? We're Here."
|
||||
faqsAnimation="slide-up"
|
||||
@@ -339,19 +197,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Visit your nearest Jivan Supermarket today or order your groceries online for fast, reliable delivery."
|
||||
buttons={[
|
||||
{
|
||||
text: "Find a Location",
|
||||
href: "#",
|
||||
},
|
||||
text: "Find a Location", href: "#"},
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "#",
|
||||
},
|
||||
text: "Order Online", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -362,50 +214,31 @@ export default function LandingPage() {
|
||||
logoText="Jivan Supermarket"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Shop Online",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shop Online", href: "#"},
|
||||
{
|
||||
label: "Weekly Deals",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Weekly Deals", href: "#pricing"},
|
||||
{
|
||||
label: "Loyalty Program",
|
||||
href: "#",
|
||||
},
|
||||
label: "Loyalty Program", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -414,4 +247,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user