Update src/app/page.tsx
This commit is contained in:
291
src/app/page.tsx
291
src/app/page.tsx
@@ -31,29 +31,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Categories",
|
||||
id: "#categories",
|
||||
},
|
||||
name: "Categories", id: "#categories"},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "#why-us",
|
||||
},
|
||||
name: "Why Us", id: "#why-us"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Marina Mart"
|
||||
/>
|
||||
@@ -62,109 +50,64 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Your Everyday, Elevated."
|
||||
description="Fresh finds, imported favorites, and fast friendly service — all under one roof."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-shopping-grocery-store_23-2149483213.jpg",
|
||||
imageAlt: "Sleek modern Asian supermarket interior wide shot",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-shopping-grocery-store_23-2149483213.jpg", imageAlt: "Sleek modern Asian supermarket interior wide shot"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-asian-female-looking-confectionery-pastry-store_23-2148216055.jpg",
|
||||
imageAlt: "Asian snacks aisle well-stocked shelves",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-asian-female-looking-confectionery-pastry-store_23-2148216055.jpg", imageAlt: "Asian snacks aisle well-stocked shelves"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flexitarian-diet-with-copy-space_23-2148862635.jpg",
|
||||
imageAlt: "Customer smiling at checkout counter friendly service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flexitarian-diet-with-copy-space_23-2148862635.jpg", imageAlt: "Customer smiling at checkout counter friendly service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-family-with-child_171337-2371.jpg",
|
||||
imageAlt: "Cheerful young family with a child",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-family-with-child_171337-2371.jpg", imageAlt: "Cheerful young family with a child"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-scene-from-ordinary-mall-america_23-2151564179.jpg",
|
||||
imageAlt: "Lifestyle scene from an ordinary mall in america",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-scene-from-ordinary-mall-america_23-2151564179.jpg", imageAlt: "Lifestyle scene from an ordinary mall in america"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wicker-basket-bowl-fresh-vegetables-placed-blue-surface_114579-66192.jpg",
|
||||
imageAlt: "Overhead shot modern asian market fresh finds",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wicker-basket-bowl-fresh-vegetables-placed-blue-surface_114579-66192.jpg", imageAlt: "Overhead shot modern asian market fresh finds"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-empty-glass-bottles-with-corks-blurred-background_169016-20593.jpg",
|
||||
imageAlt: "Imported beverage selection elegant bottles",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-empty-glass-bottles-with-corks-blurred-background_169016-20593.jpg", imageAlt: "Imported beverage selection elegant bottles"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-natural-organic-bath-flower_1203-4855.jpg",
|
||||
imageAlt: "Freshly baked bread display artisanal bakery corner",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-natural-organic-bath-flower_1203-4855.jpg", imageAlt: "Freshly baked bread display artisanal bakery corner"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wearing-shoes-protection-against-corona-virus-supermarket_342744-1156.jpg",
|
||||
imageAlt: "Wearing shoes protection against corona virus in supermarket",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wearing-shoes-protection-against-corona-virus-supermarket_342744-1156.jpg", imageAlt: "Wearing shoes protection against corona virus in supermarket"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-with-shopping-cart-trolley-supermarket-store_627829-639.jpg",
|
||||
imageAlt: "African american woman with shopping cart trolley in the supermarket store",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-with-shopping-cart-trolley-supermarket-store_627829-639.jpg", imageAlt: "African american woman with shopping cart trolley in the supermarket store"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Store",
|
||||
href: "#categories",
|
||||
},
|
||||
text: "Explore Our Store", href: "#categories"},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com/?q=Marina+Mart",
|
||||
},
|
||||
text: "Get Directions", href: "https://maps.google.com/?q=Marina+Mart"},
|
||||
]}
|
||||
carouselPosition="right"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",
|
||||
alt: "Smiling customer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg", alt: "Smiling customer portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-with-handbags-dancing-after-shopping-spree_482257-18132.jpg",
|
||||
alt: "Happy shopper",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-with-handbags-dancing-after-shopping-spree_482257-18132.jpg", alt: "Happy shopper"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/market-pattern_23-2147515327.jpg",
|
||||
alt: "Friendly store patron",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-vector/market-pattern_23-2147515327.jpg", alt: "Friendly store patron"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367142.jpg",
|
||||
alt: "Satisfied customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367142.jpg", alt: "Satisfied customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/diverse-volunteers-taking-selfie-together_53876-13557.jpg",
|
||||
alt: "Community member",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/diverse-volunteers-taking-selfie-together_53876-13557.jpg", alt: "Community member"},
|
||||
]}
|
||||
avatarText="Join our growing community!"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Produce",
|
||||
},
|
||||
type: "text", text: "Fresh Produce"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Rare Imports",
|
||||
},
|
||||
type: "text", text: "Rare Imports"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Daily Essentials",
|
||||
},
|
||||
type: "text", text: "Daily Essentials"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Friendly Service",
|
||||
},
|
||||
type: "text", text: "Friendly Service"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Flavors",
|
||||
},
|
||||
type: "text", text: "Global Flavors"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -176,28 +119,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "clean-store",
|
||||
value: "✨",
|
||||
title: "Clean & Organized Store",
|
||||
items: [],
|
||||
id: "clean-store", value: "✨", title: "Clean & Organized Store", items: [],
|
||||
},
|
||||
{
|
||||
id: "imported-products",
|
||||
value: "🌍",
|
||||
title: "Imported Products You Won't Find Elsewhere",
|
||||
items: [],
|
||||
id: "imported-products", value: "🌍", title: "Imported Products You Won't Find Elsewhere", items: [],
|
||||
},
|
||||
{
|
||||
id: "fast-service",
|
||||
value: "⚡",
|
||||
title: "Friendly, Fast Service",
|
||||
items: [],
|
||||
id: "fast-service", value: "⚡", title: "Friendly, Fast Service", items: [],
|
||||
},
|
||||
{
|
||||
id: "affordable-prices",
|
||||
value: "💰",
|
||||
title: "Affordable Prices, Premium Feel",
|
||||
items: [],
|
||||
id: "affordable-prices", value: "💰", title: "Affordable Prices, Premium Feel", items: [],
|
||||
},
|
||||
]}
|
||||
title="Our Commitment to You"
|
||||
@@ -209,7 +140,6 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="More Than a Mart — A Better Way to Shop."
|
||||
description="Marina Mart is your ultimate destination for high-quality daily essentials and exotic imported goods. Experience unparalleled selection and a welcoming atmosphere on every visit."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -221,47 +151,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "daily-essentials",
|
||||
name: "Daily Essentials",
|
||||
price: "Explore",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classic-glass-bottle-milk_23-2150734408.jpg",
|
||||
imageAlt: "basket of fresh bread milk eggs groceries",
|
||||
},
|
||||
id: "daily-essentials", name: "Daily Essentials", price: "Explore", imageSrc: "http://img.b2bpic.net/free-photo/classic-glass-bottle-milk_23-2150734408.jpg", imageAlt: "basket of fresh bread milk eggs groceries"},
|
||||
{
|
||||
id: "imported-snacks-noodles",
|
||||
name: "Imported Snacks & Noodles",
|
||||
price: "Discover",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tower-colorful-ramen-hand-with-chopsticks_23-2148368728.jpg",
|
||||
imageAlt: "colorful asian snacks on display packaging",
|
||||
},
|
||||
id: "imported-snacks-noodles", name: "Imported Snacks & Noodles", price: "Discover", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tower-colorful-ramen-hand-with-chopsticks_23-2148368728.jpg", imageAlt: "colorful asian snacks on display packaging"},
|
||||
{
|
||||
id: "beverages",
|
||||
name: "Beverages",
|
||||
price: "Refresh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-wine-carafe-table_23-2149631794.jpg",
|
||||
imageAlt: "cold press juices artisanal drinks display",
|
||||
},
|
||||
id: "beverages", name: "Beverages", price: "Refresh", imageSrc: "http://img.b2bpic.net/free-photo/still-life-wine-carafe-table_23-2149631794.jpg", imageAlt: "cold press juices artisanal drinks display"},
|
||||
{
|
||||
id: "personal-care",
|
||||
name: "Personal Care",
|
||||
price: "Pamper",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-hot-cocoa-book-with-marshmallows-candle_23-2148720039.jpg",
|
||||
imageAlt: "natural skincare products elegant bathroom shelf",
|
||||
},
|
||||
id: "personal-care", name: "Personal Care", price: "Pamper", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-hot-cocoa-book-with-marshmallows-candle_23-2148720039.jpg", imageAlt: "natural skincare products elegant bathroom shelf"},
|
||||
{
|
||||
id: "household-goods",
|
||||
name: "Household Goods",
|
||||
price: "Organize",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-candles-protea-bouquet_169016-19129.jpg",
|
||||
imageAlt: "sustainable cleaning supplies laundry detergent",
|
||||
},
|
||||
id: "household-goods", name: "Household Goods", price: "Organize", imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-candles-protea-bouquet_169016-19129.jpg", imageAlt: "sustainable cleaning supplies laundry detergent"},
|
||||
{
|
||||
id: "fresh-packaged-foods",
|
||||
name: "Fresh & Packaged Foods",
|
||||
price: "Indulge",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-bbq-pork-chop-meat-steak_74190-6142.jpg",
|
||||
imageAlt: "pre-packaged gourmet meals healthy options",
|
||||
},
|
||||
id: "fresh-packaged-foods", name: "Fresh & Packaged Foods", price: "Indulge", imageSrc: "http://img.b2bpic.net/free-photo/grilled-bbq-pork-chop-meat-steak_74190-6142.jpg", imageAlt: "pre-packaged gourmet meals healthy options"},
|
||||
]}
|
||||
title="Everything You Need, and Then Some."
|
||||
description="From pantry staples to unique international treats, our curated selection ensures you'll find quality and variety for every occasion."
|
||||
@@ -275,17 +175,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Overwhelmed by messy aisles and unclear pricing elsewhere.",
|
||||
"Struggling to find specialty international ingredients locally.",
|
||||
"Frustrated by unhelpful or slow customer service at other stores.",
|
||||
],
|
||||
"Overwhelmed by messy aisles and unclear pricing elsewhere.", "Struggling to find specialty international ingredients locally.", "Frustrated by unhelpful or slow customer service at other stores."],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Rare Imports: Find ramen varieties and international products that no other local store carries.",
|
||||
"Always Affordable: Premium selection without premium prices. Great value on every visit.",
|
||||
"Warm, Fast Service: Our team is friendly, efficient, and always ready to help.",
|
||||
],
|
||||
"Rare Imports: Find ramen varieties and international products that no other local store carries.", "Always Affordable: Premium selection without premium prices. Great value on every visit.", "Warm, Fast Service: Our team is friendly, efficient, and always ready to help."],
|
||||
}}
|
||||
title="Trusted by the Community."
|
||||
description="Discover the Marina Mart difference — a shopping experience tailored to your needs, where quality and care come first."
|
||||
@@ -299,45 +193,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@HappyShopper",
|
||||
testimonial: "Marina Mart truly elevates my grocery experience! The imported snacks are a game-changer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-mature-smiling-happy-handsome_1194-7866.jpg",
|
||||
imageAlt: "smiling asian woman shopping elegant store",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@HappyShopper", testimonial: "Marina Mart truly elevates my grocery experience! The imported snacks are a game-changer.", imageSrc: "http://img.b2bpic.net/free-photo/beauty-mature-smiling-happy-handsome_1194-7866.jpg", imageAlt: "smiling asian woman shopping elegant store"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael T.",
|
||||
handle: "@FoodieFinds",
|
||||
testimonial: "Finally, a place where I can find authentic Asian ingredients and unique items. Love it here!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/turning-man-with-shopping-bags-walking-down-city-street_329181-5046.jpg",
|
||||
imageAlt: "man browsing fresh produce confident look",
|
||||
},
|
||||
id: "2", name: "Michael T.", handle: "@FoodieFinds", testimonial: "Finally, a place where I can find authentic Asian ingredients and unique items. Love it here!", imageSrc: "http://img.b2bpic.net/free-photo/turning-man-with-shopping-bags-walking-down-city-street_329181-5046.jpg", imageAlt: "man browsing fresh produce confident look"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@LocalGem",
|
||||
testimonial: "The staff is so friendly and the store is always spotless. My go-to for quality and value.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-holding-paper-bag-full-groceries-screaming-proud-celebrating-victory-success-very-excited-cheering-emotion_657921-226.jpg",
|
||||
imageAlt: "elderly woman with shopping cart cheerful smile",
|
||||
},
|
||||
id: "3", name: "Emily R.", handle: "@LocalGem", testimonial: "The staff is so friendly and the store is always spotless. My go-to for quality and value.", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-holding-paper-bag-full-groceries-screaming-proud-celebrating-victory-success-very-excited-cheering-emotion_657921-226.jpg", imageAlt: "elderly woman with shopping cart cheerful smile"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@CommunityGuy",
|
||||
testimonial: "Marina Mart makes everyday shopping a pleasure. It's truly a community-loved store.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-playing-with-bell-pepper_23-2148341706.jpg",
|
||||
imageAlt: "young couple laughing while choosing snacks",
|
||||
},
|
||||
id: "4", name: "David K.", handle: "@CommunityGuy", testimonial: "Marina Mart makes everyday shopping a pleasure. It's truly a community-loved store.", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-playing-with-bell-pepper_23-2148341706.jpg", imageAlt: "young couple laughing while choosing snacks"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe L.",
|
||||
handle: "@FamilyMart",
|
||||
testimonial: "My family loves coming here. There's always something new to discover, and the prices are great.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mom-daughter-are-shopping-supermarket_169016-1438.jpg",
|
||||
imageAlt: "family with kids shopping for groceries",
|
||||
},
|
||||
id: "5", name: "Chloe L.", handle: "@FamilyMart", testimonial: "My family loves coming here. There's always something new to discover, and the prices are great.", imageSrc: "http://img.b2bpic.net/free-photo/mom-daughter-are-shopping-supermarket_169016-1438.jpg", imageAlt: "family with kids shopping for groceries"},
|
||||
]}
|
||||
title="Hear From Our Happy Customers"
|
||||
description="Our community loves Marina Mart for its unique selection and welcoming atmosphere."
|
||||
@@ -348,8 +212,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Experience Marina Mart Today"
|
||||
description="Stop by for your daily essentials, unique imports, and a truly enjoyable shopping experience. We look forward to seeing you!"
|
||||
@@ -366,71 +229,43 @@ export default function LandingPage() {
|
||||
logoText="Marina Mart"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Daily Essentials",
|
||||
href: "#categories",
|
||||
},
|
||||
label: "Daily Essentials", href: "#categories"},
|
||||
{
|
||||
label: "Imported Snacks",
|
||||
href: "#categories",
|
||||
},
|
||||
label: "Imported Snacks", href: "#categories"},
|
||||
{
|
||||
label: "Beverages",
|
||||
href: "#categories",
|
||||
},
|
||||
label: "Beverages", href: "#categories"},
|
||||
{
|
||||
label: "All Categories",
|
||||
href: "#categories",
|
||||
},
|
||||
label: "All Categories", href: "#categories"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
title: "About", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Why Choose Us",
|
||||
href: "#why-us",
|
||||
},
|
||||
label: "Why Choose Us", href: "#why-us"},
|
||||
{
|
||||
label: "Customer Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Customer Reviews", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Help",
|
||||
items: [
|
||||
title: "Help", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Store Hours",
|
||||
href: "#",
|
||||
},
|
||||
label: "Store Hours", href: "#"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQs", 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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user