Update src/app/page.tsx
This commit is contained in:
177
src/app/page.tsx
177
src/app/page.tsx
@@ -2,13 +2,13 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Award, ShieldCheck, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -27,7 +27,7 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
@@ -35,163 +35,94 @@ export default function LandingPage() {
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
]}
|
||||
brandName="Yaprak Döner"
|
||||
button={{ text: "Order Now", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Yaprak Döner & Smaaktlekker"
|
||||
<HeroCarouselLogo
|
||||
logoText="Yaprak Döner"
|
||||
description="The most loved yaprak döner experience in Hilversum — premium meat, honest hospitality, and unforgettable flavour."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.", handle: "@sarahj", testimonial: "The best döner in Hilversum. Unbeatable quality!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sac-ichi-with-mixed-ingredients-lavash-bread_114579-1156.jpg?_wi=1", imageAlt: "premium doner kebab slice fresh"},
|
||||
{
|
||||
name: "Mark D.", handle: "@markd", testimonial: "Consistently fresh meat and extremely clean kitchen.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", imageAlt: "happy customer eating delicious kebab"},
|
||||
{
|
||||
name: "Elena R.", handle: "@elenar", testimonial: "Friendly service and authentic taste. My go-to spot.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-having-lunch_23-2150598359.jpg", imageAlt: "happy customer portrait casual"},
|
||||
{
|
||||
name: "Tom B.", handle: "@tomb", testimonial: "Another level döner experience. Truly wonderful.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-gathering-with-gay-partners_23-2151077640.jpg", imageAlt: "woman smiling dining out"},
|
||||
{
|
||||
name: "Julia M.", handle: "@juliam", testimonial: "The meat is so tender and flavourful. Highly recommend!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-healthy-meal-sitting-beautiful-interior_231208-6342.jpg", imageAlt: "man enjoying food restaurant"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Online", href: "#"},
|
||||
{
|
||||
text: "View Menu", href: "#"},
|
||||
{ text: "Order Online", href: "#" },
|
||||
{ text: "View Menu", href: "#" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sac-ichi-with-mixed-ingredients-lavash-bread_114579-1156.jpg?_wi=2"
|
||||
imageAlt="Premium Yaprak Döner"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", alt: "Sarah J"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-friends-having-lunch_23-2150598359.jpg", alt: "Mark D"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/family-gathering-with-gay-partners_23-2151077640.jpg", alt: "Elena R"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-eating-healthy-meal-sitting-beautiful-interior_231208-6342.jpg", alt: "Tom B"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", alt: "Julia M"},
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sac-ichi-with-mixed-ingredients-lavash-bread_114579-1156.jpg?_wi=1", imageAlt: "premium doner kebab" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", imageAlt: "happy customer" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
<MetricSplitMediaAbout
|
||||
title="Real Yaprak Döner. Real People."
|
||||
description="Built on three promises: quality, cleanliness, and genuine hospitality. We serve the most authentic taste in Hilversum."
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Premium Quality", value: "100%"},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Customer Satisfaction", value: "4.9/5"},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Hygiene Rating", value: "A+"},
|
||||
{ title: "Premium Quality", value: "100%" },
|
||||
{ title: "Customer Satisfaction", value: "4.9/5" },
|
||||
{ title: "Hygiene Rating", value: "A+" },
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
<FeatureCardTwentyFour
|
||||
title="Our Signature Quality"
|
||||
description="We pride ourselves on excellence in every slice."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Premium Yaprak Meat", description: "Carefully layered, juicy, and perfectly seasoned — the way real Turkish döner should be.", imageSrc: "http://img.b2bpic.net/free-photo/sac-ichi-with-mixed-ingredients-lavash-bread_114579-1156.jpg?_wi=3", tag: "Featured"
|
||||
},
|
||||
{
|
||||
id: "f2", title: "Clean & Fresh", description: "Consistently praised for our hygiene, freshness, and attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/sac-ichi-with-mixed-ingredients-lavash-bread_114579-1156.jpg?_wi=4", tag: "Fresh"
|
||||
},
|
||||
{
|
||||
id: "f3", title: "Warm Hospitality", description: "Smiling faces, respectful service, and genuine customer care every visit.", imageSrc: "http://img.b2bpic.net/free-photo/sac-ichi-with-mixed-ingredients-lavash-bread_114579-1156.jpg?_wi=5", tag: "Service"
|
||||
},
|
||||
{ id: "f1", title: "Premium Yaprak Meat", author: "Sourced Fresh", description: "Carefully layered and perfectly seasoned meat.", tags: ["Premium"], imageSrc: "http://img.b2bpic.net/free-photo/sac-ichi-with-mixed-ingredients-lavash-bread_114579-1156.jpg?_wi=3" },
|
||||
{ id: "f2", title: "Clean & Fresh", author: "Hygiene First", description: "Consistent freshness and a spotless kitchen.", tags: ["Hygiene"], imageSrc: "http://img.b2bpic.net/free-photo/sac-ichi-with-mixed-ingredients-lavash-bread_114579-1156.jpg?_wi=4" },
|
||||
{ id: "f3", title: "Warm Hospitality", author: "For You", description: "Genuine care and service in every interaction.", tags: ["Hospitality"], imageSrc: "http://img.b2bpic.net/free-photo/sac-ichi-with-mixed-ingredients-lavash-bread_114579-1156.jpg?_wi=5" },
|
||||
]}
|
||||
title="Our Signature Quality"
|
||||
description="Built on three promises: quality, cleanliness, and genuine hospitality."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="The best döner experience in Hilversum. The quality is truly on another level."
|
||||
rating={5}
|
||||
author="Sarah Johnson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", alt: "Sarah J"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-friends-having-lunch_23-2150598359.jpg", alt: "Mark D"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/family-gathering-with-gay-partners_23-2151077640.jpg", alt: "Elena R"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-eating-healthy-meal-sitting-beautiful-interior_231208-6342.jpg", alt: "Tom B"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", alt: "Julia M"},
|
||||
<TestimonialCardTwelve
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg" },
|
||||
{ id: "t2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-having-lunch_23-2150598359.jpg" },
|
||||
{ id: "t3", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/family-gathering-with-gay-partners_23-2151077640.jpg" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
cardTitle="Hear from our community"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated"}}
|
||||
text="Taste why everyone is talking about us. Order today and experience real yaprak döner."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now", href: "#"},
|
||||
<ContactSplitForm
|
||||
title="Let's Connect"
|
||||
description="Interested in our story or have a special order? Reach out to us."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Your Message" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
<FooterBaseCard
|
||||
logoText="Yaprak Döner"
|
||||
columns={[
|
||||
{
|
||||
title: "Location", items: [
|
||||
{
|
||||
label: "Hilversum, Netherlands", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Order Online", href: "#"},
|
||||
{
|
||||
label: "Menu", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Location", items: [{ label: "Hilversum, Netherlands", href: "#" }] },
|
||||
{ title: "Quick Links", items: [{ label: "Order Online", href: "#" }, { label: "Menu", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 Yaprak Döner & Smaaktlekker Hilversum — Premium Döner Experience"
|
||||
copyrightText="© 2024 Yaprak Döner & Smaaktlekker Hilversum"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user