195 lines
8.1 KiB
TypeScript
195 lines
8.1 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import { Clock, Star, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Menu", id: "menu"},
|
|
{
|
|
name: "Reviews", id: "testimonials"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Steak Döner Wien"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Vienna's Finest Steak Döner Experience"
|
|
description="Discover authentic, high-quality steak döner prepared daily at Taborstraße 22. A unique culinary tradition redefined."
|
|
buttons={[
|
|
{
|
|
text: "View Our Menu", href: "#menu"},
|
|
{
|
|
text: "Visit Us", href: "#contact"},
|
|
]}
|
|
imageSrc="https://lh3.googleusercontent.com/p/AF1QipN32b2e-0w3K1P25oH2hS8k3K-W53o6_Gk6O1mX=s1600-w800-h600"
|
|
avatars={[
|
|
{
|
|
src: "https://lh3.googleusercontent.com/p/AF1QipN32b2e-0w3K1P25oH2hS8k3K-W53o6_Gk6O1mX=s400-c", alt: "Steak döner preparation"
|
|
}
|
|
]}
|
|
avatarText="Freshly prepared daily"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="A Passion for Perfection"
|
|
description="Located in the heart of Vienna, we take pride in using only the finest cuts for our steak döner. Every ingredient is sourced with care to ensure the most delicious experience possible."
|
|
metrics={[
|
|
{
|
|
value: "100%", title: "Premium Steak"},
|
|
{
|
|
value: "20+", title: "Daily Spices"},
|
|
{
|
|
value: "1", title: "True Tradition"},
|
|
]}
|
|
imageSrc="https://lh3.googleusercontent.com/p/AF1QipO3w8qXh-yS8J9Lp7c6Jq7Y5U53W2b3U7c0k1X=s1600-w800-h600"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", name: "Classic Steak Döner", price: "€8.50", imageSrc: "https://lh3.googleusercontent.com/p/AF1QipM5g8V7s9p9_5qK2W0X8z5U7f8U9p6c3v-1s0s1=s800-w600-h400?_wi=1"},
|
|
{
|
|
id: "2", name: "Steak Döner Box", price: "€9.50", imageSrc: "https://lh3.googleusercontent.com/p/AF1QipM5g8V7s9p9_5qK2W0X8z5U7f8U9p6c3v-1s0s1=s800-w600-h400?_wi=2"},
|
|
{
|
|
id: "3", name: "Spicy Steak Döner Wrap", price: "€8.90", imageSrc: "https://lh3.googleusercontent.com/p/AF1QipM5g8V7s9p9_5qK2W0X8z5U7f8U9p6c3v-1s0s1=s800-w600-h400?_wi=3"},
|
|
{
|
|
id: "4", name: "Premium Steak Plate", price: "€12.50", imageSrc: "https://lh3.googleusercontent.com/p/AF1QipM5g8V7s9p9_5qK2W0X8z5U7f8U9p6c3v-1s0s1=s800-w600-h400?_wi=4"},
|
|
{
|
|
id: "5", name: "Steak & Veggie Mix", price: "€9.90", imageSrc: "https://lh3.googleusercontent.com/p/AF1QipM5g8V7s9p9_5qK2W0X8z5U7f8U9p6c3v-1s0s1=s800-w600-h400?_wi=5"},
|
|
{
|
|
id: "6", name: "Steak Döner Bowl", price: "€10.50", imageSrc: "https://lh3.googleusercontent.com/p/AF1QipM5g8V7s9p9_5qK2W0X8z5U7f8U9p6c3v-1s0s1=s800-w600-h400?_wi=6"},
|
|
]}
|
|
title="Our Signature Creations"
|
|
description="Explore our curated selection of premium steak döner variations."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "5k+", title: "Happy Diners", description: "Returning customers every month.", icon: Users,
|
|
},
|
|
{
|
|
id: "m2", value: "4.9", title: "Average Rating", description: "Reflecting our commitment to quality.", icon: Star,
|
|
},
|
|
{
|
|
id: "m3", value: "24h", title: "Marination", description: "Perfect flavor profile for steak.", icon: Clock,
|
|
},
|
|
]}
|
|
title="The Numbers Behind Our Quality"
|
|
description="We don't just cook; we create memorable experiences through strict quality standards."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", title: "Incredible flavor", quote: "The best steak döner in Vienna. Taborstraße has a new champion!", name: "Markus S.", role: "Foodie"},
|
|
{
|
|
id: "t2", title: "Authentic and fresh", quote: "I love the quality of meat. It tastes so fresh and authentic.", name: "Elena R.", role: "Local Resident"},
|
|
{
|
|
id: "t3", title: "My go-to spot", quote: "I eat here at least twice a week. Highly recommended!", name: "Thomas K.", role: "Regular Guest"},
|
|
]}
|
|
title="What Our Guests Say"
|
|
description="Hear directly from those who have experienced our authentic steak döner."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "Do you offer delivery?", content: "Yes, we are available on all major food delivery platforms."},
|
|
{
|
|
id: "q2", title: "Is the steak fresh?", content: "We prepare our steak daily to ensure the highest quality."},
|
|
{
|
|
id: "q3", title: "Where are you located?", content: "We are located at Taborstraße 22, Vienna."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Have questions? We've got answers."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
text="Visit us at Taborstraße 22, Vienna. We are open daily from 11:00 AM. For large orders, please contact us."
|
|
buttons={[
|
|
{
|
|
text: "Contact Us", href: "mailto:hello@steakdonerwien.at"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Steak Döner Wien"
|
|
leftLink={{
|
|
text: "Impressum", href: "#"}}
|
|
rightLink={{
|
|
text: "Privacy Policy", href: "#"}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |