Merge version_1 into main #1
440
src/app/page.tsx
440
src/app/page.tsx
@@ -28,317 +28,151 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Leonidas"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Leonidas"
|
||||
button={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Quality Products for Daily Life"
|
||||
description="Experience the premium selection of fresh produce, fine foods, and daily essentials at Leonidas Super Market in Poros, Kefalonia."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Store",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abundance-fresh-bread-wooden-shelves-generated-by-ai_188544-42350.jpg"
|
||||
imageAlt="Leonidas Super Market Fresh Display"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-pushing-shopping-cart-shelves-supermarket_342744-1128.jpg",
|
||||
alt: "Woman pushing shopping cart between shelves in supermarket",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-wooden-box-with-vegetables_23-2148678869.jpg",
|
||||
alt: "Front view wooden box with vegetables",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abundance-healthy-food-choices-supermarket-aisle-generated-by-ai_188544-42447.jpg",
|
||||
alt: "Abundance of healthy food choices in supermarket aisle generated by AI",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/indulgent-homemade-chocolate-candy-tray-decoration-craft-generated-by-ai_188544-42280.jpg",
|
||||
alt: "Indulgent homemade chocolate candy tray decoration craft generated by AI",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/client-looking-bio-fruits-veggies_482257-80710.jpg",
|
||||
alt: "Client looking at bio fruits and veggies",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Local Produce",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Greek Wines",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Bakery",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Daily Essentials",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Guaranteed",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "plain" }}
|
||||
title="Quality Products for Daily Life"
|
||||
description="Experience the premium selection of fresh produce, fine foods, and daily essentials at Leonidas Super Market in Poros, Kefalonia."
|
||||
buttons={[{ text: "Visit Store", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abundance-fresh-bread-wooden-shelves-generated-by-ai_188544-42350.jpg"
|
||||
imageAlt="Leonidas Super Market Fresh Display"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-pushing-shopping-cart-shelves-supermarket_342744-1128.jpg", alt: "Woman pushing shopping cart" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-wooden-box-with-vegetables_23-2148678869.jpg", alt: "Front view wooden box with vegetables" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/abundance-healthy-food-choices-supermarket-aisle-generated-by-ai_188544-42447.jpg", alt: "Healthy food choices" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/indulgent-homemade-chocolate-candy-tray-decoration-craft-generated-by-ai_188544-42280.jpg", alt: "Homemade chocolate candy tray" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/client-looking-bio-fruits-veggies_482257-80710.jpg", alt: "Client looking at bio fruits and veggies" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Fresh Local Produce" },
|
||||
{ type: "text", text: "Premium Greek Wines" },
|
||||
{ type: "text", text: "Artisan Bakery" },
|
||||
{ type: "text", text: "Daily Essentials" },
|
||||
{ type: "text", text: "Quality Guaranteed" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Welcome to Leonidas Super Market"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Welcome to Leonidas Super Market"
|
||||
buttons={[{ text: "Learn More" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Fresh Seasonal Fruits",
|
||||
price: "From €2.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-shopping-with-mask_23-2149445489.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Organic Vegetables",
|
||||
price: "From €1.80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pieces-honeycomb-being-cut-with-knife-wooden-chopping-board_23-2147918991.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Artisan Bakery",
|
||||
price: "From €0.90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bag-with-green-onion_23-2148238138.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Gourmet Olive Oil",
|
||||
price: "From €12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetable-composition-with-fruits-white-background_140725-141215.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Fine Local Cheeses",
|
||||
price: "From €8.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-little-girl-choosing-candy-supermarket_171337-2378.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Wine Selection",
|
||||
price: "From €15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-cosmetics-body-handmade-soap-bath-bombs_169016-20050.jpg",
|
||||
},
|
||||
]}
|
||||
title="Premium Selection"
|
||||
description="Discover our fresh produce and fine food collection."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Fresh Seasonal Fruits", price: "From €2.50", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-shopping-with-mask_23-2149445489.jpg" },
|
||||
{ id: "p2", name: "Organic Vegetables", price: "From €1.80", imageSrc: "http://img.b2bpic.net/free-photo/pieces-honeycomb-being-cut-with-knife-wooden-chopping-board_23-2147918991.jpg" },
|
||||
{ id: "p3", name: "Artisan Bakery", price: "From €0.90", imageSrc: "http://img.b2bpic.net/free-photo/close-up-bag-with-green-onion_23-2148238138.jpg" },
|
||||
{ id: "p4", name: "Gourmet Olive Oil", price: "From €12.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetable-composition-with-fruits-white-background_140725-141215.jpg" },
|
||||
{ id: "p5", name: "Fine Local Cheeses", price: "From €8.50", imageSrc: "http://img.b2bpic.net/free-photo/pretty-little-girl-choosing-candy-supermarket_171337-2378.jpg" },
|
||||
{ id: "p6", name: "Wine Selection", price: "From €15.00", imageSrc: "http://img.b2bpic.net/free-photo/natural-cosmetics-body-handmade-soap-bath-bombs_169016-20050.jpg" },
|
||||
]}
|
||||
title="Premium Selection"
|
||||
description="Discover our fresh produce and fine food collection."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Products Offered",
|
||||
value: "2,000+",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Happy Customers",
|
||||
value: "10k+",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Years of Excellence",
|
||||
value: "25+",
|
||||
icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Serving Our Community"
|
||||
description="Quality and excellence define our service standards."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", title: "Products Offered", value: "2,000+", icon: Star },
|
||||
{ id: "m2", title: "Happy Customers", value: "10k+", icon: Users },
|
||||
{ id: "m3", title: "Years of Excellence", value: "25+", icon: Award },
|
||||
]}
|
||||
title="Serving Our Community"
|
||||
description="Quality and excellence define our service standards."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Maria S.",
|
||||
handle: "@marias",
|
||||
testimonial: "Best quality produce in Poros!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-celebrating-supermarket_1154-73.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "George P.",
|
||||
handle: "@georgep",
|
||||
testimonial: "Extensive wine selection.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-multiethnic-couple-grocery-store_23-2148216070.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena K.",
|
||||
handle: "@elenak",
|
||||
testimonial: "Very friendly staff and clean.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-grocery-store_23-2148238139.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Nikolas A.",
|
||||
handle: "@nikolasa",
|
||||
testimonial: "Highly recommended market.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-choosing-goods-supermarket_23-2148150039.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sofia L.",
|
||||
handle: "@sofial",
|
||||
testimonial: "Fresh bakery daily.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-customer-with-paper-bags_23-2147652065.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Customer Stories"
|
||||
description="What our valued customers in Kefalonia say about us."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="depth-3d"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Maria S.", handle: "@marias", testimonial: "Best quality produce in Poros!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-celebrating-supermarket_1154-73.jpg" },
|
||||
{ id: "2", name: "George P.", handle: "@georgep", testimonial: "Extensive wine selection.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-multiethnic-couple-grocery-store_23-2148216070.jpg" },
|
||||
{ id: "3", name: "Elena K.", handle: "@elenak", testimonial: "Very friendly staff and clean.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-grocery-store_23-2148238139.jpg" },
|
||||
{ id: "4", name: "Nikolas A.", handle: "@nikolasa", testimonial: "Highly recommended market.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-couple-choosing-goods-supermarket_23-2148150039.jpg" },
|
||||
{ id: "5", name: "Sofia L.", handle: "@sofial", testimonial: "Fresh bakery daily.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-customer-with-paper-bags_23-2147652065.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Customer Stories"
|
||||
description="What our valued customers in Kefalonia say about us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What are your opening hours?",
|
||||
content: "We are open daily from 8:00 AM to 10:00 PM.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we provide local delivery services for residents.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is parking available?",
|
||||
content: "Yes, free parking is available for customers.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find answers about our store and services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "What are your opening hours?", content: "We are open daily from 8:00 AM to 10:00 PM." },
|
||||
{ id: "q2", title: "Do you offer delivery?", content: "Yes, we provide local delivery services for residents." },
|
||||
{ id: "q3", title: "Is parking available?", content: "Yes, free parking is available for customers." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find answers about our store and services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Visit Leonidas Super Market"
|
||||
description="We are located at the heart of Poros, Kefalonia. Come see us for fresh daily supplies."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Visit Leonidas Super Market"
|
||||
description="We are located at the heart of Poros, Kefalonia. Come see us for fresh daily supplies."
|
||||
buttons={[{ text: "Get Directions" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Leonidas Super Market"
|
||||
copyrightText="© 2025 Leonidas Super Market. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Products", href: "#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Leonidas Super Market"
|
||||
copyrightText="© 2025 Leonidas Super Market. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user