Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f5d1a52ee6 | |||
| ab4c304f67 |
186
src/app/page.tsx
186
src/app/page.tsx
@@ -2,12 +2,12 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||||
import TextAbout from '@/components/sections/about/TextAbout';
|
import TextAbout from '@/components/sections/about/TextAbout';
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Menu",
|
name: "Menu", id: "menu"},
|
||||||
id: "menu",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Why Pappa?",
|
name: "Why Pappa?", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Location",
|
name: "Location", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="PAPPA PİZZA"
|
brandName="PAPPA PİZZA"
|
||||||
/>
|
/>
|
||||||
@@ -52,33 +44,22 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardGallery
|
<HeroBillboardGallery
|
||||||
background={{
|
background={{
|
||||||
variant: "sparkles-gradient",
|
variant: "sparkles-gradient"}}
|
||||||
}}
|
|
||||||
title="Where Real Flavor Lives."
|
title="Where Real Flavor Lives."
|
||||||
description="Authentic pizza, premium kebabs, and unforgettable bites in Espoo."
|
description="Authentic pizza, premium kebabs, and unforgettable bites in Espoo."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Order Now",
|
text: "Order Now", href: "#order"},
|
||||||
href: "#order",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "View Menu",
|
text: "View Menu", href: "#menu"},
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571573.jpg?_wi=1",
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571573.jpg?_wi=1", imageAlt: "Pappa Pizza Hero 1"},
|
||||||
imageAlt: "Pappa Pizza Hero 1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571573.jpg?_wi=2",
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571573.jpg?_wi=2", imageAlt: "Pappa Pizza Hero 2"},
|
||||||
imageAlt: "Pappa Pizza Hero 2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571573.jpg?_wi=3",
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-street-food-neon-light_23-2151571573.jpg?_wi=3", imageAlt: "Pappa Pizza Hero 3"},
|
||||||
imageAlt: "Pappa Pizza Hero 3",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -90,9 +71,7 @@ export default function LandingPage() {
|
|||||||
title="Crafted with Care, Loved by Locals."
|
title="Crafted with Care, Loved by Locals."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Experience Our Story",
|
text: "Experience Our Story", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -105,47 +84,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Margherita Classico", price: "14€", variant: "Pizza", imageSrc: "http://img.b2bpic.net/free-photo/stuffed-pastry-with-sesame-seeds-marble-surface_114579-82193.jpg?_wi=1"},
|
||||||
name: "Margherita Classico",
|
|
||||||
price: "14€",
|
|
||||||
variant: "Pizza",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/stuffed-pastry-with-sesame-seeds-marble-surface_114579-82193.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Sunday Special Döner", price: "16€", variant: "Kebab", imageSrc: "http://img.b2bpic.net/free-photo/stuffed-pastry-with-sesame-seeds-marble-surface_114579-82193.jpg?_wi=2"},
|
||||||
name: "Sunday Special Döner",
|
|
||||||
price: "16€",
|
|
||||||
variant: "Kebab",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/stuffed-pastry-with-sesame-seeds-marble-surface_114579-82193.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Classic Pide", price: "13€", variant: "Turkish", imageSrc: "http://img.b2bpic.net/free-photo/stuffed-pastry-with-sesame-seeds-marble-surface_114579-82193.jpg?_wi=3"},
|
||||||
name: "Classic Pide",
|
|
||||||
price: "13€",
|
|
||||||
variant: "Turkish",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/stuffed-pastry-with-sesame-seeds-marble-surface_114579-82193.jpg?_wi=3",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Greek Mezze Plate", price: "12€", variant: "Sides", imageSrc: "http://img.b2bpic.net/free-photo/stuffed-pastry-with-sesame-seeds-marble-surface_114579-82193.jpg?_wi=4"},
|
||||||
name: "Greek Mezze Plate",
|
|
||||||
price: "12€",
|
|
||||||
variant: "Sides",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/stuffed-pastry-with-sesame-seeds-marble-surface_114579-82193.jpg?_wi=4",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Vegetarian Pide", price: "14€", variant: "Turkish", imageSrc: "http://img.b2bpic.net/free-photo/stuffed-pastry-with-sesame-seeds-marble-surface_114579-82193.jpg?_wi=5"},
|
||||||
name: "Vegetarian Pide",
|
|
||||||
price: "14€",
|
|
||||||
variant: "Turkish",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/stuffed-pastry-with-sesame-seeds-marble-surface_114579-82193.jpg?_wi=5",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "6",
|
id: "6", name: "Spicy Kebab Wrap", price: "12€", variant: "Kebab", imageSrc: "http://img.b2bpic.net/free-photo/stuffed-pastry-with-sesame-seeds-marble-surface_114579-82193.jpg?_wi=6"},
|
||||||
name: "Spicy Kebab Wrap",
|
|
||||||
price: "12€",
|
|
||||||
variant: "Kebab",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/stuffed-pastry-with-sesame-seeds-marble-surface_114579-82193.jpg?_wi=6",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Signature Menu"
|
title="Signature Menu"
|
||||||
description="Discover our stone-baked pizzas, authentic döner, and Turkish specials."
|
description="Discover our stone-baked pizzas, authentic döner, and Turkish specials."
|
||||||
@@ -153,100 +102,61 @@ export default function LandingPage() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardFifteen
|
<TestimonialCardFive
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={true}
|
||||||
testimonial="The Sunday döner is truly unmatched, a local treasure! Best pizza in Espoo, generous portions and authentic taste."
|
title="Customer Reviews"
|
||||||
rating={5}
|
description="See why our guests keep coming back."
|
||||||
author="Markku L., Espoo Local"
|
textboxLayout="split"
|
||||||
avatars={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/woman-sitting-table-near-elderly-people_23-2147947984.jpg",
|
id: "1", name: "Markku L.", date: "2023-10-15", title: "Espoo Local", quote: "The Sunday döner is truly unmatched, a local treasure! Best pizza in Espoo, generous portions and authentic taste.", tag: "Verified Review", avatarSrc: "http://img.b2bpic.net/free-photo/woman-sitting-table-near-elderly-people_23-2147947984.jpg"}
|
||||||
alt: "Customer",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/couple-enjoying-spending-good-time-together-while-having-date-restaurant_58466-16036.jpg",
|
|
||||||
alt: "Customer",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/happy-woman-paying-with-her-phone-via-contactless-payment-while-having-lunch-with-boyfriend-bar_637285-647.jpg",
|
|
||||||
alt: "Customer",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/outdoor-shot-delighted-happy-dark-skinned-young-female-wears-red-blouse-listens-audio-song-headphones_273609-3479.jpg",
|
|
||||||
alt: "Customer",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/older-friends-eating-restaurant_23-2149316784.jpg",
|
|
||||||
alt: "Customer",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
ratingAnimation="blur-reveal"
|
|
||||||
avatarsAnimation="slide-up"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCTA
|
<ContactSplitForm
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
|
||||||
variant: "radial-gradient",
|
|
||||||
}}
|
|
||||||
tag="Ready to Eat?"
|
|
||||||
title="Hungry Yet?"
|
title="Hungry Yet?"
|
||||||
description="Your next favorite meal is one click away. Order for pickup or delivery."
|
description="Your next favorite meal is one click away. Fill the form to place your order or ask a question."
|
||||||
buttons={[
|
inputs={[
|
||||||
{
|
{
|
||||||
text: "Order Now",
|
name: "name", type: "text", placeholder: "Your Name"},
|
||||||
href: "#order",
|
{
|
||||||
},
|
name: "email", type: "email", placeholder: "Your Email"},
|
||||||
]}
|
]}
|
||||||
|
textarea={{
|
||||||
|
name: "message", placeholder: "Your request or order..."
|
||||||
|
}}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterBaseReveal
|
||||||
|
logoText="PAPPA PİZZA"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
items: [
|
title: "Info", items: [
|
||||||
{
|
{ label: "Espoo, Finland", href: "#" },
|
||||||
label: "Espoo, Finland",
|
{ label: "00 123 4567", href: "tel:001234567" },
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "00 123 4567",
|
|
||||||
href: "tel:001234567",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
items: [
|
title: "Navigation", items: [
|
||||||
{
|
{ label: "Order Online", href: "#" },
|
||||||
label: "Order Online",
|
{ label: "Menu", href: "#menu" },
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Menu",
|
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
items: [
|
title: "Legal", items: [
|
||||||
{
|
{ label: "Privacy Policy", href: "#" },
|
||||||
label: "Privacy Policy",
|
{ label: "Contact", href: "#contact" },
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Contact",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
logoText="PAPPA PİZZA"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user