Update src/app/page.tsx

This commit is contained in:
2026-05-23 12:13:04 +00:00
parent 29af73894f
commit f3fa761266

View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "home",
},
{
name: "About",
id: "about",
},
{
name: "Products",
id: "products",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Products", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="Velavan Hyper Market"
/>
@@ -57,37 +45,14 @@ export default function LandingPage() {
<HeroCarouselLogo
logoText="Velavan Hyper Market"
description="Your one-stop destination for fresh groceries, premium quality household essentials, and unbeatable value."
buttons={[
{
text: "Shop Now",
href: "#products",
},
]}
buttons={[{ text: "Shop Now", href: "#products" }]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-avocado_23-2148238135.jpg?_wi=1",
imageAlt: "Fresh produce",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/fresh-healthy-food-avocabo-brussel-sprouts-cucumbers-red-yellow-green-peppers_8353-8613.jpg?_wi=1",
imageAlt: "Vegetables",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/milk-cottage-cheese-dairy-products_23-2148211409.jpg?_wi=1",
imageAlt: "Dairy",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/various-baking-supermarket-shelves-sale_627829-7384.jpg",
imageAlt: "Bakery",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552226.jpg",
imageAlt: "Essentials",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/bakery_23-2148011811.jpg",
imageAlt: "Snacks",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-avocado_23-2148238135.jpg", imageAlt: "Fresh produce" },
{ imageSrc: "http://img.b2bpic.net/free-photo/fresh-healthy-food-avocabo-brussel-sprouts-cucumbers-red-yellow-green-peppers_8353-8613.jpg", imageAlt: "Vegetables" },
{ imageSrc: "http://img.b2bpic.net/free-photo/milk-cottage-cheese-dairy-products_23-2148211409.jpg", imageAlt: "Dairy" },
{ imageSrc: "http://img.b2bpic.net/free-photo/various-baking-supermarket-shelves-sale_627829-7384.jpg", imageAlt: "Bakery" },
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552226.jpg", imageAlt: "Essentials" },
{ imageSrc: "http://img.b2bpic.net/free-photo/bakery_23-2148011811.jpg", imageAlt: "Snacks" },
]}
/>
</div>
@@ -99,18 +64,9 @@ export default function LandingPage() {
title="Quality You Can Trust"
description="At Velavan Hyper Market, we are dedicated to providing the freshest ingredients and highest quality products for your family. We source directly from farmers and producers to ensure you get the best every single day."
bulletPoints={[
{
title: "Fresh Daily",
description: "Farm-to-store delivery ensures peak quality.",
},
{
title: "Great Value",
description: "Affordable prices for everyday essentials.",
},
{
title: "Total Selection",
description: "Everything you need under one roof.",
},
{ title: "Fresh Daily", description: "Farm-to-store delivery ensures peak quality." },
{ title: "Great Value", description: "Affordable prices for everyday essentials." },
{ title: "Total Selection", description: "Everything you need under one roof." },
]}
imageSrc="http://img.b2bpic.net/free-photo/female-saleswoman-giving-sausages-senior-man_7502-4786.jpg"
mediaAnimation="slide-up"
@@ -124,49 +80,25 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Fast Delivery",
description: "Quick doorstep service.",
icon: Zap,
title: "Fast Delivery", description: "Quick doorstep service.", icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-shopping-cart_23-2151680639.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pineapple-still-life_23-2151605430.jpg",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-shopping-cart_23-2151680639.jpg", imageAlt: "fresh groceries hyper market" },
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-pineapple-still-life_23-2151605430.jpg", imageAlt: "fresh organic vegetables market" },
],
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-avocado_23-2148238135.jpg?_wi=2",
imageAlt: "fresh groceries hyper market",
},
{
title: "Secure Payment",
description: "Hassle-free checkout.",
icon: Shield,
title: "Secure Payment", description: "Hassle-free checkout.", icon: Shield,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-grocery-store-by-refrigerator_1303-16010.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/loaf-bread-female-hands-supermarket_169016-36141.jpg",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-grocery-store-by-refrigerator_1303-16010.jpg", imageAlt: "dairy products supermarket cold shelf" },
{ imageSrc: "http://img.b2bpic.net/free-photo/loaf-bread-female-hands-supermarket_169016-36141.jpg", imageAlt: "bakery section supermarket bread" },
],
imageSrc: "http://img.b2bpic.net/free-photo/fresh-healthy-food-avocabo-brussel-sprouts-cucumbers-red-yellow-green-peppers_8353-8613.jpg?_wi=2",
imageAlt: "fresh groceries hyper market",
},
{
title: "Helpful Support",
description: "Available 24/7.",
icon: CheckCircle,
title: "Helpful Support", description: "Available 24/7.", icon: CheckCircle,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/back-shot-grandmother-with-blonde-hair-shopping-local-supermarket-pushing-cart-forward-going-household-chemistry_273609-1161.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cake-pops-with-colorful-sprinkles-macaroons-display-cabinet_23-2148028046.jpg",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/back-shot-grandmother-with-blonde-hair-shopping-local-supermarket-pushing-cart-forward-going-household-chemistry_273609-1161.jpg", imageAlt: "household cleaning products aisle" },
{ imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cake-pops-with-colorful-sprinkles-macaroons-display-cabinet_23-2148028046.jpg", imageAlt: "snacks and beverages grocery aisle" },
],
imageSrc: "http://img.b2bpic.net/free-photo/milk-cottage-cheese-dairy-products_23-2148211409.jpg?_wi=2",
imageAlt: "fresh groceries hyper market",
},
]}
title="Why Choose Velavan?"
@@ -181,60 +113,12 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
products={[
{
id: "1",
brand: "Nature",
name: "Red Apples",
price: "$2.99",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/fresh-red-apple-basket-wooden-table_53876-96847.jpg",
},
{
id: "2",
brand: "DairyBest",
name: "Fresh Milk",
price: "$1.50",
rating: 4,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/glass-pitchers-fresh-milk-with-delicious-cookies-placed-marble-table_114579-47541.jpg",
},
{
id: "3",
brand: "Bakery",
name: "Whole Bread",
price: "$3.20",
rating: 5,
reviewCount: "200",
imageSrc: "http://img.b2bpic.net/free-photo/food-arrangement-with-bread-top-view_23-2148544702.jpg",
},
{
id: "4",
brand: "MeatMarket",
name: "Chicken",
price: "$6.00",
rating: 4,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-raw-chicken-with-red-tomatoes-dark-blue-background-kitchen-meal-animal-photo-food-chicken-color-farm_179666-46074.jpg",
},
{
id: "5",
brand: "Nature",
name: "Spinach",
price: "$1.20",
rating: 5,
reviewCount: "90",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-greens-with-radish-dark-light-background_140725-137015.jpg",
},
{
id: "6",
brand: "OilCo",
name: "Olive Oil",
price: "$9.00",
rating: 5,
reviewCount: "300",
imageSrc: "http://img.b2bpic.net/free-photo/female-hand-taking-oil-bottle-from-wooden-board_114579-37317.jpg",
},
{ id: "1", brand: "Nature", name: "Red Apples", price: "$2.99", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/fresh-red-apple-basket-wooden-table_53876-96847.jpg" },
{ id: "2", brand: "DairyBest", name: "Fresh Milk", price: "$1.50", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/glass-pitchers-fresh-milk-with-delicious-cookies-placed-marble-table_114579-47541.jpg" },
{ id: "3", brand: "Bakery", name: "Whole Bread", price: "$3.20", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/food-arrangement-with-bread-top-view_23-2148544702.jpg" },
{ id: "4", brand: "MeatMarket", name: "Chicken", price: "$6.00", rating: 4, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-raw-chicken-with-red-tomatoes-dark-blue-background-kitchen-meal-animal-photo-food-chicken-color-farm_179666-46074.jpg" },
{ id: "5", brand: "Nature", name: "Spinach", price: "$1.20", rating: 5, reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-greens-with-radish-dark-light-background_140725-137015.jpg" },
{ id: "6", brand: "OilCo", name: "Olive Oil", price: "$9.00", rating: 5, reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/female-hand-taking-oil-bottle-from-wooden-board_114579-37317.jpg" },
]}
title="Featured Essentials"
description="High-quality products selected just for you."
@@ -248,34 +132,12 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Essential",
price: "$9.99",
subtitle: "Monthly access",
features: [
"Free delivery",
"Loyalty points",
],
buttons: [
{
text: "Join",
},
],
id: "basic", badge: "Essential", price: "$9.99", subtitle: "Monthly access", features: ["Free delivery", "Loyalty points"],
buttons: [{ text: "Join" }],
},
{
id: "gold",
badge: "Premium",
price: "$19.99",
subtitle: "Family access",
features: [
"Everything in basic",
"Exclusive discounts",
],
buttons: [
{
text: "Upgrade",
},
],
id: "gold", badge: "Premium", price: "$19.99", subtitle: "Family access", features: ["Everything in basic", "Exclusive discounts"],
buttons: [{ text: "Upgrade" }],
},
]}
title="Subscription Savings"
@@ -290,27 +152,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "10k+",
title: "Customers",
description: "Happy families served.",
icon: CheckCircle,
},
{
id: "m2",
value: "50+",
title: "Partners",
description: "Local suppliers.",
icon: CheckCircle,
},
{
id: "m3",
value: "100%",
title: "Freshness",
description: "Guaranteed quality.",
icon: CheckCircle,
},
{ id: "m1", value: "10k+", title: "Customers", description: "Happy families served.", icon: CheckCircle },
{ id: "m2", value: "50+", title: "Partners", description: "Local suppliers.", icon: CheckCircle },
{ id: "m3", value: "100%", title: "Freshness", description: "Guaranteed quality.", icon: CheckCircle },
]}
title="Our Impact"
description="Serving the community for years."
@@ -324,26 +168,11 @@ export default function LandingPage() {
rating={5}
author="Sarah Johnson"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/happy-family-with-child-buying-food-grocery-store_171337-2390.jpg",
alt: "Sarah",
},
{
src: "http://img.b2bpic.net/free-photo/girl-red-holding-bananas-fruits-store_627829-9465.jpg",
alt: "Michael",
},
{
src: "http://img.b2bpic.net/free-photo/smiley-young-woman-holding-paper-bag-with-vegetables_23-2148454548.jpg",
alt: "Emily",
},
{
src: "http://img.b2bpic.net/free-photo/mother-husband-daughter-choosing-lemons-supermarket_169016-4864.jpg",
alt: "David",
},
{
src: "http://img.b2bpic.net/free-photo/elderly-woman-shopping-customer-day_23-2151638520.jpg",
alt: "Maria",
},
{ src: "http://img.b2bpic.net/free-photo/happy-family-with-child-buying-food-grocery-store_171337-2390.jpg", alt: "Sarah" },
{ src: "http://img.b2bpic.net/free-photo/girl-red-holding-bananas-fruits-store_627829-9465.jpg", alt: "Michael" },
{ src: "http://img.b2bpic.net/free-photo/smiley-young-woman-holding-paper-bag-with-vegetables_23-2148454548.jpg", alt: "Emily" },
{ src: "http://img.b2bpic.net/free-photo/mother-husband-daughter-choosing-lemons-supermarket_169016-4864.jpg", alt: "David" },
{ src: "http://img.b2bpic.net/free-photo/elderly-woman-shopping-customer-day_23-2151638520.jpg", alt: "Maria" },
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -353,9 +182,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Get in touch"
title="Visit Us Today"
description="Drop by our store for the latest deals or reach out for inquiries."
@@ -367,32 +194,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "FAQs",
href: "#",
},
],
},
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQs", href: "#" }] },
]}
bottomLeftText="© 2024 Velavan Hyper Market"
bottomRightText="All rights reserved."