Merge version_2 into main #2
276
src/app/page.tsx
276
src/app/page.tsx
@@ -19,7 +19,7 @@ export default function LandingPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -29,75 +29,30 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Sandwiches",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Info",
|
||||
id: "info",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Visit Us", id: "info" },
|
||||
]}
|
||||
brandName="Sandwich Master"
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "#final-cta",
|
||||
}}
|
||||
text: "Order on Wolt", href: "#final-cta"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
title="Big. Juicy. Unforgettable."
|
||||
description="Crafted in Čačak, mastered by us. The ultimate sandwich experience is just a click away."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#final-cta",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Crafted in Čačak. Mastered for You."
|
||||
description="Experience the luxury of premium, handcrafted sandwiches. Bold flavors, fresh ingredients, and huge portions."
|
||||
buttons={[{ text: "Explore Menu", href: "#products" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-hot-dog-with-veggies-top-view_23-2148668454.jpg?_wi=1",
|
||||
imageAlt: "Juicy Sandwich 1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/layered-sandwich-with-puff-pastry-served-with-french-fries-sauce_140725-5857.jpg?_wi=1",
|
||||
imageAlt: "Juicy Sandwich 2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-ham-fresh-vegetables_2829-14214.jpg?_wi=1",
|
||||
imageAlt: "Juicy Sandwich 3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-sandwich-with-salad-tomatoes-wooden-table-surface_613910-7441.jpg?_wi=1",
|
||||
imageAlt: "Juicy Sandwich 4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/double-decker-grilled-sandwich_23-2151950551.jpg?_wi=1",
|
||||
imageAlt: "Juicy Sandwich 5",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi-cafe-sushi-chef-cutting-fish-making-sushi_259150-58561.jpg?_wi=1",
|
||||
imageAlt: "Juicy Sandwich 6",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/layered-sandwich-with-puff-pastry-served-with-french-fries-sauce_140725-5857.jpg?_wi=1", imageAlt: "Gourmet Sandwich" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-ham-fresh-vegetables_2829-14214.jpg?_wi=1", imageAlt: "Gourmet Sandwich" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/double-decker-grilled-sandwich_23-2151950551.jpg?_wi=1", imageAlt: "Gourmet Sandwich" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/tasty-hot-dog-with-veggies-top-view_23-2148668454.jpg?_wi=1", imageAlt: "Gourmet Sandwich" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-sandwich-with-salad-tomatoes-wooden-table-surface_613910-7441.jpg?_wi=1", imageAlt: "Gourmet Sandwich" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/sushi-cafe-sushi-chef-cutting-fish-making-sushi_259150-58561.jpg?_wi=1", imageAlt: "Gourmet Sandwich" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,82 +60,25 @@ export default function LandingPage() {
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "5/5 Stars",
|
||||
quote: "The portions are huge and juicy. I forgot to take a photo because I ate it too fast!",
|
||||
name: "Marko P.",
|
||||
role: "Foodie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-hot-dog-with-veggies-top-view_23-2148668454.jpg?_wi=2",
|
||||
imageAlt: "gourmet sandwich close up appetizing",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "5/5 Stars",
|
||||
quote: "Staff is super welcoming. Fresh and tasty every single time. Best in Čačak.",
|
||||
name: "Jelena K.",
|
||||
role: "Local",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/layered-sandwich-with-puff-pastry-served-with-french-fries-sauce_140725-5857.jpg?_wi=2",
|
||||
imageAlt: "gourmet steak sandwich premium",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "5/5 Stars",
|
||||
quote: "Addictive taste. I come back often. Simply the best sandwich I've had.",
|
||||
name: "Stefan V.",
|
||||
role: "Delivery App Fan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-ham-fresh-vegetables_2829-14214.jpg?_wi=2",
|
||||
imageAlt: "chicken pesto artisan sandwich",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "5/5 Stars",
|
||||
quote: "Always fresh, always satisfying. A truly premium experience.",
|
||||
name: "Ana S.",
|
||||
role: "Regular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-sandwich-with-salad-tomatoes-wooden-table-surface_613910-7441.jpg?_wi=2",
|
||||
imageAlt: "veggie gourmet sandwich premium",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "5/5 Stars",
|
||||
quote: "The ingredients are top-notch. High-end flavor for a great price.",
|
||||
name: "Nikola D.",
|
||||
role: "Loyal Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/double-decker-grilled-sandwich_23-2151950551.jpg?_wi=2",
|
||||
imageAlt: "classic club sandwich gourmet style",
|
||||
},
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
title="Obsessively Delicious"
|
||||
description="See why our customers keep coming back for more."
|
||||
description="Hear what our Čačak fans are raving about."
|
||||
testimonials={[
|
||||
{ id: "1", title: "Pure Perfection", quote: "The best sandwich I have ever tasted in Serbia.", name: "Marko V.", role: "Local Connoisseur" },
|
||||
{ id: "2", title: "Huge Portions", quote: "Finally, a sandwich that actually fills you up.", name: "Ana P.", role: "Daily Regular" },
|
||||
{ id: "3", title: "Luxury Taste", quote: "I never thought a sandwich could be this fancy.", name: "Jovan L.", role: "Food Critic" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="This is not just a sandwich"
|
||||
description="We believe in the art of the perfect bite. Fresh ingredients, generous portions, and a flavor profile that makes you pause for a second. We don't do pretense, we just do amazing food."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Fresh Daily",
|
||||
},
|
||||
{
|
||||
value: "5/5",
|
||||
title: "Customer Rating",
|
||||
},
|
||||
{
|
||||
value: "Big",
|
||||
title: "Portion Size",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sushi-cafe-sushi-chef-cutting-fish-making-sushi_259150-58561.jpg?_wi=2"
|
||||
imageAlt="Our process"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
title="The Sandwich Master Story"
|
||||
description="Born in the heart of Čačak, we set out to redefine the sandwich. Using only the finest local ingredients and artisanal bread, we deliver a premium culinary experience that turns a simple meal into a luxury ritual."
|
||||
metrics={[{ value: "100%", title: "Local Sourced" }, { value: "5-Star", title: "Average Rating" }, { value: "Daily", title: "Fresh Baked" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tasty-hot-dog-with-veggies-top-view_23-2148668454.jpg?_wi=2"
|
||||
imageAlt="Our kitchen craft"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -189,127 +87,47 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
title="Our Signature Creations"
|
||||
description="Carefully curated sandwiches, designed to perfection."
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Master Steak",
|
||||
price: "750 RSD",
|
||||
variant: "Prime Beef",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/layered-sandwich-with-puff-pastry-served-with-french-fries-sauce_140725-5857.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pesto Chicken",
|
||||
price: "650 RSD",
|
||||
variant: "Premium Poultry",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-ham-fresh-vegetables_2829-14214.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Veggie Delight",
|
||||
price: "550 RSD",
|
||||
variant: "Plant Based",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-sandwich-with-salad-tomatoes-wooden-table-surface_613910-7441.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Classic Club",
|
||||
price: "600 RSD",
|
||||
variant: "Traditional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/double-decker-grilled-sandwich_23-2151950551.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Spicy Master",
|
||||
price: "700 RSD",
|
||||
variant: "Hot & Spicy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi-cafe-sushi-chef-cutting-fish-making-sushi_259150-58561.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Prosciutto Melt",
|
||||
price: "850 RSD",
|
||||
variant: "Gourmet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-gardener-man-wearing-jumpsuit-hat-holding-halves-green-hot-chili-pepper-biting-it-standing-blue-wall_141793-96655.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Master Steak", price: "750 RSD", variant: "Prime Beef", imageSrc: "http://img.b2bpic.net/free-photo/layered-sandwich-with-puff-pastry-served-with-french-fries-sauce_140725-5857.jpg?_wi=3" },
|
||||
{ id: "p2", name: "Truffle Chicken", price: "650 RSD", variant: "Premium Poultry", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-ham-fresh-vegetables_2829-14214.jpg?_wi=3" },
|
||||
{ id: "p3", name: "The Prosciutto", price: "850 RSD", variant: "Aged Deli", imageSrc: "http://img.b2bpic.net/free-photo/double-decker-grilled-sandwich_23-2151950551.jpg?_wi=3" }
|
||||
]}
|
||||
title="Signature Masterpieces"
|
||||
description="Irresistible flavors, made fresh to order."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="info" data-section="info">
|
||||
<FaqBase
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Working Hours",
|
||||
content: "Every day from 08:00 – 22:30",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Location",
|
||||
content: "Čačak, Serbia",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Phone Number",
|
||||
content: "060 3347272",
|
||||
},
|
||||
{ id: "1", title: "Working Hours", content: "Mon-Sun: 08:00 - 22:30" },
|
||||
{ id: "2", title: "Location", content: "City Center, Čačak, Serbia" },
|
||||
{ id: "3", title: "Delivery", content: "Exclusively through Wolt for premium speed and handling."}
|
||||
]}
|
||||
title="Find Us"
|
||||
description="Come visit or place an order."
|
||||
title="Visit Us & Order"
|
||||
description="Find all the details for our location and hours."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="final-cta" data-section="final-cta">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Ready to eat?"
|
||||
title="Hunger doesn't wait."
|
||||
description="Order now on Wolt and get our signature sandwiches delivered to your door in record time."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tasty-hot-dog-with-veggies-top-view_23-2148668454.jpg?_wi=3"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
tag="Order Now"
|
||||
title="Luxury Delivered to Your Door"
|
||||
description="Hunger doesn't wait. Use Wolt to have Sandwich Master delivered fresh and fast."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sandwich-with-ham-fresh-vegetables_2829-14214.jpg?_wi=3"
|
||||
buttonText="Order on Wolt"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Order on Wolt",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#info",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Sandwich Master"
|
||||
columns={[{ items: [{ label: "Home", href: "#hero" }, { label: "Order on Wolt", href: "#final-cta" }] }, { items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
@@ -12,13 +12,13 @@
|
||||
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffffe6;
|
||||
--foreground: #f5f5f5;
|
||||
--primary-cta: #FFD700;
|
||||
--primary-cta-text: #0a0a0a;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #ffffffe6;
|
||||
--accent: #737373;
|
||||
--background-accent: #737373;
|
||||
--accent: #b8860b;
|
||||
--background-accent: #1a1a1a;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user