bender/6f12b36f-53fc-4c19-9165-9496a3f1d8c8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-16 21:33:55 +00:00
parent 6231e355d3
commit 74ecde8e59
1 changed files with 60 additions and 227 deletions
Download Patch File Download Diff File Expand all files Collapse all files

287
src/app/page.tsx
View File

@@ -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>
);
}
}