Merge version_1 into main #2
312
src/app/page.tsx
312
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Plus Center"
|
||||
/>
|
||||
@@ -55,102 +43,31 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Freshness Delivered to Your Table"
|
||||
description="Plus Center combines a premium supermarket experience with a cozy restaurant, bringing you the finest selection of local ingredients and gourmet meals."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice Green",
|
||||
handle: "@aliceg",
|
||||
testimonial: "The best selection of produce and amazing coffee at the restaurant!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-shopping-bags_23-2148660755.jpg",
|
||||
},
|
||||
{
|
||||
name: "Bob Smith",
|
||||
handle: "@bobsmith",
|
||||
testimonial: "I love the freshness of the groceries here, always top quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-eating-salmon-bowls_23-2150427606.jpg",
|
||||
},
|
||||
{
|
||||
name: "Charlie Day",
|
||||
handle: "@cday",
|
||||
testimonial: "Friendly staff and delicious food. Definitely recommend Plus Center.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-shopping-grocery-store_23-2149483183.jpg",
|
||||
},
|
||||
{
|
||||
name: "Diana Ross",
|
||||
handle: "@diana",
|
||||
testimonial: "A staple in our neighborhood for both shopping and dining.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg",
|
||||
},
|
||||
{
|
||||
name: "Eve Wright",
|
||||
handle: "@evew",
|
||||
testimonial: "High quality products and great atmosphere every time I visit.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-satisfaction-service-care-problem-solving_53876-139687.jpg",
|
||||
},
|
||||
{ name: "Alice Green", handle: "@aliceg", testimonial: "The best selection of produce and amazing coffee at the restaurant!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-shopping-bags_23-2148660755.jpg" },
|
||||
{ name: "Bob Smith", handle: "@bobsmith", testimonial: "I love the freshness of the groceries here, always top quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-eating-salmon-bowls_23-2150427606.jpg" },
|
||||
{ name: "Charlie Day", handle: "@cday", testimonial: "Friendly staff and delicious food. Definitely recommend Plus Center.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-woman-shopping-grocery-store_23-2149483183.jpg" },
|
||||
{ name: "Diana Ross", handle: "@diana", testimonial: "A staple in our neighborhood for both shopping and dining.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg" },
|
||||
{ name: "Eve Wright", handle: "@evew", testimonial: "High quality products and great atmosphere every time I visit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/customer-satisfaction-service-care-problem-solving_53876-139687.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Online",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-talking-phone-grocery-store_23-2148238131.jpg?_wi=1"
|
||||
buttons={[{ text: "Shop Online", href: "#products" }, { text: "View Menu", href: "#about" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-talking-phone-grocery-store_23-2148238131.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-reusable-bags-wooden-surface-with-vegetables-fruit_23-2148493513.jpg",
|
||||
alt: "Customer profile 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-woman-taking-yellow-bell-pepper_23-2148238126.jpg",
|
||||
alt: "Customer profile 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/supermarket-banner-concept-with-ingredients_23-2149421127.jpg",
|
||||
alt: "Customer profile 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-avocado_23-2148238135.jpg",
|
||||
alt: "Customer profile 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-girl-with-book-reading-with-thoughtful-smirk-thinking-something-drinking_1258-199199.jpg",
|
||||
alt: "Customer profile 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-reusable-bags-wooden-surface-with-vegetables-fruit_23-2148493513.jpg", alt: "Customer profile 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-woman-taking-yellow-bell-pepper_23-2148238126.jpg", alt: "Customer profile 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/supermarket-banner-concept-with-ingredients_23-2149421127.jpg", alt: "Customer profile 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-taking-avocado_23-2148238135.jpg", alt: "Customer profile 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-beautiful-girl-with-book-reading-with-thoughtful-smirk-thinking-something-drinking_1258-199199.jpg", alt: "Customer profile 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Daily",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gourmet Dining",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Express Delivery",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Focused",
|
||||
},
|
||||
{ type: "text", text: "Locally Sourced" },
|
||||
{ type: "text", text: "Fresh Daily" },
|
||||
{ type: "text", text: "Gourmet Dining" },
|
||||
{ type: "text", text: "Express Delivery" },
|
||||
{ type: "text", text: "Community Focused" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -160,7 +77,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Your Neighborhood Hub"
|
||||
description="More than just a store, Plus Center is dedicated to providing quality food and a space for the community to gather, share, and enjoy."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vegeterian-salad-lettuce-beans-bell-pepper-parsley-tomato-sesame-side-view_141793-3209.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vegeterian-salad-lettuce-beans-bell-pepper-parsley-tomato-sesame-side-view_141793-3209.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -170,30 +87,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Farm Fresh Produce",
|
||||
description: "Always sourced from local farms.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Leaf,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-bucket-veggies_23-2148585849.jpg",
|
||||
imageAlt: "fresh local vegetables market",
|
||||
},
|
||||
{
|
||||
title: "Gourmet Dining",
|
||||
description: "Fresh meals crafted by expert chefs.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Utensils,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone-grocery-store_23-2148238131.jpg?_wi=2",
|
||||
imageAlt: "fresh local vegetables market",
|
||||
},
|
||||
{
|
||||
title: "Fast Delivery",
|
||||
description: "Get your groceries in minutes.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Truck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegeterian-salad-lettuce-beans-bell-pepper-parsley-tomato-sesame-side-view_141793-3209.jpg?_wi=2",
|
||||
imageAlt: "fresh local vegetables market",
|
||||
},
|
||||
{ title: "Farm Fresh Produce", description: "Always sourced from local farms.", bentoComponent: "reveal-icon", icon: Leaf },
|
||||
{ title: "Gourmet Dining", description: "Fresh meals crafted by expert chefs.", bentoComponent: "reveal-icon", icon: Utensils },
|
||||
{ title: "Fast Delivery", description: "Get your groceries in minutes.", bentoComponent: "reveal-icon", icon: Truck },
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Experience the best of what we offer with our quality-focused services."
|
||||
@@ -207,60 +103,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Nature's Best",
|
||||
name: "Organic Apples",
|
||||
price: "$4.99",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/apple-basket-wooden-table-top-view_141793-4347.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Plus Bakery",
|
||||
name: "Sourdough Loaf",
|
||||
price: "$6.50",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/round-rye-bread-wooden-tray_114579-5219.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Dairy Farm",
|
||||
name: "Organic Milk",
|
||||
price: "$3.99",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-plastic-milk-bottles-retro-wooden-table-background_1387-786.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Garden Fresh",
|
||||
name: "Mixed Greens",
|
||||
price: "$5.25",
|
||||
rating: 4,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-fresh-chopped-salad-transparent-bowl_23-2147953666.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Fine Cheese",
|
||||
name: "Aged Cheddar",
|
||||
price: "$8.99",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-snacks-table_23-2148326016.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Ocean's Catch",
|
||||
name: "Salmon Fillet",
|
||||
price: "$12.99",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-trout-ready-be-cooked_23-2150353345.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Nature's Best", name: "Organic Apples", price: "$4.99", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/apple-basket-wooden-table-top-view_141793-4347.jpg" },
|
||||
{ id: "p2", brand: "Plus Bakery", name: "Sourdough Loaf", price: "$6.50", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/round-rye-bread-wooden-tray_114579-5219.jpg" },
|
||||
{ id: "p3", brand: "Dairy Farm", name: "Organic Milk", price: "$3.99", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/white-plastic-milk-bottles-retro-wooden-table-background_1387-786.jpg" },
|
||||
{ id: "p4", brand: "Garden Fresh", name: "Mixed Greens", price: "$5.25", rating: 4, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-fresh-chopped-salad-transparent-bowl_23-2147953666.jpg" },
|
||||
{ id: "p5", brand: "Fine Cheese", name: "Aged Cheddar", price: "$8.99", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-snacks-table_23-2148326016.jpg" },
|
||||
{ id: "p6", brand: "Ocean's Catch", name: "Salmon Fillet", price: "$12.99", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-trout-ready-be-cooked_23-2150353345.jpg" },
|
||||
]}
|
||||
title="Fresh Daily Selection"
|
||||
description="Browse our hand-picked selection of fresh produce, baked goods, and pantry staples."
|
||||
@@ -273,46 +121,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Green",
|
||||
handle: "@aliceg",
|
||||
testimonial: "Excellent service and products.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623390.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob Smith",
|
||||
handle: "@bobsmith",
|
||||
testimonial: "Amazing fresh vegetables daily.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie Day",
|
||||
handle: "@cday",
|
||||
testimonial: "Love the restaurant atmosphere.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-food-give-you-better-life_329181-9747.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diana Ross",
|
||||
handle: "@diana",
|
||||
testimonial: "Highly recommended supermarket.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-garage-sale_23-2150577115.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Eve Wright",
|
||||
handle: "@evew",
|
||||
testimonial: "Top quality and affordable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-buys-vegetables-cheerful-family-three-choosing-tomatoes-vegetable-department-supermarket-market_169016-2132.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alice Green", handle: "@aliceg", testimonial: "Excellent service and products.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623390.jpg" },
|
||||
{ id: "2", name: "Bob Smith", handle: "@bobsmith", testimonial: "Amazing fresh vegetables daily.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg" },
|
||||
{ id: "3", name: "Charlie Day", handle: "@cday", testimonial: "Love the restaurant atmosphere.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/healthy-food-give-you-better-life_329181-9747.jpg" },
|
||||
{ id: "4", name: "Diana Ross", handle: "@diana", testimonial: "Highly recommended supermarket.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-garage-sale_23-2150577115.jpg" },
|
||||
{ id: "5", name: "Eve Wright", handle: "@evew", testimonial: "Top quality and affordable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-family-buys-vegetables-cheerful-family-three-choosing-tomatoes-vegetable-department-supermarket-market_169016-2132.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Community Says"
|
||||
@@ -325,21 +138,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we offer fast local delivery within 5 miles.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What are your hours?",
|
||||
content: "We are open daily from 8 AM to 10 PM.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is your food organic?",
|
||||
content: "We prioritize organic and locally sourced items whenever possible.",
|
||||
},
|
||||
{ id: "1", title: "Do you offer delivery?", content: "Yes, we offer fast local delivery within 5 miles." },
|
||||
{ id: "2", title: "What are your hours?", content: "We are open daily from 8 AM to 10 PM." },
|
||||
{ id: "3", title: "Is your food organic?", content: "We prioritize organic and locally sourced items whenever possible." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-women-doing-their-groceries_23-2149284866.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -355,25 +156,10 @@ export default function LandingPage() {
|
||||
title="Get In Touch"
|
||||
description="Have inquiries? Send us a message."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Your Message", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-women-running-business_23-2149871138.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -381,17 +167,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Plus Center"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user