Merge version_1 into main #2
342
src/app/page.tsx
342
src/app/page.tsx
@@ -20,27 +20,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
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="REWE Gerken"
|
||||
/>
|
||||
@@ -48,71 +43,28 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Freshness You Can Trust"
|
||||
description="REWE Gerken brings you the freshest regional and organic products. Experience a sustainable way of grocery shopping that respects nature and your health."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-friends-shop-looking-up-products-shelf_23-2148721121.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/family-choosing-lemons-fruits-supermarket_169016-1927.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-avocado_23-2148238136.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-nutritionist-giving-consultation-patient-making-diet-plan-weight-loss-clinic_657921-308.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mid-shot-woman-holding-paper-bag_23-2148523475.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-friends-shop-looking-up-products-shelf_23-2148721121.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/family-choosing-lemons-fruits-supermarket_169016-1927.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-avocado_23-2148238136.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-nutritionist-giving-consultation-patient-making-diet-plan-weight-loss-clinic_657921-308.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/mid-shot-woman-holding-paper-bag_23-2148523475.jpg", alt: "Customer" },
|
||||
]}
|
||||
avatarText="Over 5,000 satisfied families shop with us daily."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Organic",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Shop Organic", href: "#products" },
|
||||
{ text: "Visit Us", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Local Sourcing",
|
||||
icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "100% Organic",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Zero Waste",
|
||||
icon: Recycle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Daily Delivery",
|
||||
icon: Truck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Eco-Certified",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{ type: "text-icon", text: "Local Sourcing", icon: MapPin },
|
||||
{ type: "text-icon", text: "100% Organic", icon: Leaf },
|
||||
{ type: "text-icon", text: "Zero Waste", icon: Recycle },
|
||||
{ type: "text-icon", text: "Daily Delivery", icon: Truck },
|
||||
{ type: "text-icon", text: "Eco-Certified", icon: ShieldCheck },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,19 +73,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Mission for ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-food-frame-with-fruits-vegetables_23-2148234230.jpg",
|
||||
alt: "Fresh Veggies",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " a Greener Tomorrow",
|
||||
},
|
||||
{ type: "text", content: "Our Mission for " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/top-view-food-frame-with-fruits-vegetables_23-2148234230.jpg", alt: "Fresh Veggies" },
|
||||
{ type: "text", content: " a Greener Tomorrow" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -142,30 +84,16 @@ export default function LandingPage() {
|
||||
<FeatureBento
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
title: "Fresh & Regional",
|
||||
description: "Supporting local farmers to reduce transport emissions.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Leaf,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-eco-toys-kids-indoors_23-2149884399.jpg?_wi=1",
|
||||
imageAlt: "fresh organic vegetables store",
|
||||
title: "Fresh & Regional", description: "Supporting local farmers to reduce transport emissions.", bentoComponent: "reveal-icon", icon: Leaf,
|
||||
},
|
||||
{
|
||||
title: "Sustainable Packaging",
|
||||
description: "Cutting plastic waste with smart packaging solutions.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Recycle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-frame-with-fruits-vegetables_23-2148234230.jpg?_wi=1",
|
||||
imageAlt: "fresh organic vegetables store",
|
||||
title: "Sustainable Packaging", description: "Cutting plastic waste with smart packaging solutions.", bentoComponent: "reveal-icon", icon: Recycle,
|
||||
},
|
||||
{
|
||||
title: "Bio Quality",
|
||||
description: "Wide range of certified organic products.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/food-oils-flat-flowchart_1284-69441.jpg?_wi=1",
|
||||
imageAlt: "fresh organic vegetables store",
|
||||
title: "Bio Quality", description: "Wide range of certified organic products.", bentoComponent: "reveal-icon", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
title="Why Choose REWE Gerken?"
|
||||
@@ -180,60 +108,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Bio Farmer",
|
||||
name: "Organic Red Apples",
|
||||
price: "2.99€",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/apples-wicker-basket-high-angle-view-wooden-kitchen-towel_176474-9553.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Green Field",
|
||||
name: "Organic Broccoli",
|
||||
price: "1.49€",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-green-leafy-vegetables-shopping-cart-black-background_23-2147944257.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Local Harvest",
|
||||
name: "Ripe Tomatoes",
|
||||
price: "3.20€",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-box-full-red-tomatoes-white-wood_176474-148.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Bio Sunny",
|
||||
name: "Fresh Oranges",
|
||||
price: "2.49€",
|
||||
rating: 4,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-buying-vegetable-stall-market_23-2148209843.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Tropical Bio",
|
||||
name: "Organic Bananas",
|
||||
price: "1.99€",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-grocery-store_1303-16014.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Bio Root",
|
||||
name: "Fresh Carrots",
|
||||
price: "1.29€",
|
||||
rating: 4,
|
||||
reviewCount: "70",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-organic-carrots-parsnip_23-2148332325.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Bio Farmer", name: "Organic Red Apples", price: "2.99€", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/apples-wicker-basket-high-angle-view-wooden-kitchen-towel_176474-9553.jpg" },
|
||||
{ id: "p2", brand: "Green Field", name: "Organic Broccoli", price: "1.49€", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/fresh-green-leafy-vegetables-shopping-cart-black-background_23-2147944257.jpg" },
|
||||
{ id: "p3", brand: "Local Harvest", name: "Ripe Tomatoes", price: "3.20€", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/wooden-box-full-red-tomatoes-white-wood_176474-148.jpg" },
|
||||
{ id: "p4", brand: "Bio Sunny", name: "Fresh Oranges", price: "2.49€", rating: 4, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/people-buying-vegetable-stall-market_23-2148209843.jpg" },
|
||||
{ id: "p5", brand: "Tropical Bio", name: "Organic Bananas", price: "1.99€", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/woman-shopping-grocery-store_1303-16014.jpg" },
|
||||
{ id: "p6", brand: "Bio Root", name: "Fresh Carrots", price: "1.29€", rating: 4, reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-organic-carrots-parsnip_23-2148332325.jpg" },
|
||||
]}
|
||||
title="Featured Fresh Picks"
|
||||
description="Discover our daily hand-picked selection of fresh produce."
|
||||
@@ -247,21 +127,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "120+",
|
||||
description: "Regional Farmer Partners",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "85%",
|
||||
description: "Organic Produce Range",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50k",
|
||||
description: "Plastic Items Saved",
|
||||
},
|
||||
{ id: "m1", value: "120+", description: "Regional Farmer Partners" },
|
||||
{ id: "m2", value: "85%", description: "Organic Produce Range" },
|
||||
{ id: "m3", value: "50k", description: "Plastic Items Saved" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Every purchase contributes to a greener local economy."
|
||||
@@ -273,61 +141,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
date: "Jan 2024",
|
||||
title: "Great Quality",
|
||||
quote: "The best organic selection in town!",
|
||||
tag: "Eco Shopper",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/girl-red-holding-different-fruit-vegetables-basket-fruits-store_627829-9487.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-eco-toys-kids-indoors_23-2149884399.jpg?_wi=2",
|
||||
imageAlt: "happy customer grocery store",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John Doe",
|
||||
date: "Feb 2024",
|
||||
title: "Freshness",
|
||||
quote: "Love the local farmer partnerships.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter-grocery-store_1303-17231.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-frame-with-fruits-vegetables_23-2148234230.jpg?_wi=2",
|
||||
imageAlt: "happy customer grocery store",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emma Smith",
|
||||
date: "Mar 2024",
|
||||
title: "Sustainable",
|
||||
quote: "Finally a grocery store that cares.",
|
||||
tag: "Green Family",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-woman-standing-kitchen-holding-green-lettuce-leaf_1258-204557.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/food-oils-flat-flowchart_1284-69441.jpg?_wi=2",
|
||||
imageAlt: "happy customer grocery store",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Koch",
|
||||
date: "Apr 2024",
|
||||
title: "Reliable",
|
||||
quote: "My go-to place for weekly supplies.",
|
||||
tag: "Professional",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-beard-holding-paper-bag-with-groceries-angry-mad-screaming-frustrated-furious-shouting-with-anger-rage-aggressive-concept_839833-25587.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-hand-holding-tote-bag_23-2149437300.jpg",
|
||||
imageAlt: "happy customer grocery store",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anna Weiss",
|
||||
date: "May 2024",
|
||||
title: "Excellent",
|
||||
quote: "Great service and top quality veggies.",
|
||||
tag: "Shopper",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/mid-shot-woman-holding-paper-bag_23-2148523475.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-farming-vegetables-his-indoor-garden_23-2149854884.jpg",
|
||||
imageAlt: "happy customer grocery store",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Miller", date: "Jan 2024", title: "Great Quality", quote: "The best organic selection in town!", tag: "Eco Shopper", avatarSrc: "http://img.b2bpic.net/free-photo/girl-red-holding-different-fruit-vegetables-basket-fruits-store_627829-9487.jpg" },
|
||||
{ id: "t2", name: "John Doe", date: "Feb 2024", title: "Freshness", quote: "Love the local farmer partnerships.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter-grocery-store_1303-17231.jpg" },
|
||||
{ id: "t3", name: "Emma Smith", date: "Mar 2024", title: "Sustainable", quote: "Finally a grocery store that cares.", tag: "Green Family", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-woman-standing-kitchen-holding-green-lettuce-leaf_1258-204557.jpg" },
|
||||
{ id: "t4", name: "David Koch", date: "Apr 2024", title: "Reliable", quote: "My go-to place for weekly supplies.", tag: "Professional", avatarSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-beard-holding-paper-bag-with-groceries-angry-mad-screaming-frustrated-furious-shouting-with-anger-rage-aggressive-concept_839833-25587.jpg" },
|
||||
{ id: "t5", name: "Anna Weiss", date: "May 2024", title: "Excellent", quote: "Great service and top quality veggies.", tag: "Shopper", avatarSrc: "http://img.b2bpic.net/free-photo/mid-shot-woman-holding-paper-bag_23-2148523475.jpg" },
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="What our customers say about our quality."
|
||||
@@ -339,40 +157,24 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Where do our products come from?",
|
||||
content: "We source 80% of our produce from local farmers within a 50km radius.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is everything organic?",
|
||||
content: "All items marked with the organic seal are certified.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we offer local bicycle delivery in the city center.",
|
||||
},
|
||||
{ id: "f1", title: "Where do our products come from?", content: "We source 80% of our produce from local farmers within a 50km radius." },
|
||||
{ id: "f2", title: "Is everything organic?", content: "All items marked with the organic seal are certified." },
|
||||
{ id: "f3", title: "Do you offer delivery?", content: "Yes, we offer local bicycle delivery in the city center." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/indian-couple-performs-transactions-from-bank-atm_627829-12289.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="blur-reveal"
|
||||
title="Questions Answered"
|
||||
description="Common questions about our green initiatives."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Join Our Eco-Newsletter"
|
||||
description="Stay updated on weekly fresh offers and eco-tips."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353754.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -381,49 +183,13 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="REWE Gerken"
|
||||
columns={[
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
{
|
||||
label: "Our Mission",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Organic Range",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Local Farmers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "About", items: [{ label: "Our Mission", href: "#about" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Shop", items: [{ label: "Organic Range", href: "#products" }, { label: "Local Farmers", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Impressum", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user