Merge version_1 into main #4
218
src/app/page.tsx
218
src/app/page.tsx
@@ -1,27 +1,27 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import { Zap, Wind, Flame, Heart } from 'lucide-react';
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
|
||||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||||
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
||||
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
||||
import BlogCardOne from "@/components/sections/blog/BlogCardOne";
|
||||
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { Sparkles, Zap, Shield, TrendingUp } from "lucide-react";
|
||||
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "story" },
|
||||
{ name: "Services", id: "experience" },
|
||||
{ name: "Contact", id: "visit" },
|
||||
];
|
||||
|
||||
export default function Home() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "#pizzas" },
|
||||
{ name: "Story", id: "#story" },
|
||||
{ name: "Visit", id: "#visit" }
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
@@ -38,167 +38,185 @@ export default function Home() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={navItems}
|
||||
brandName="Vito's"
|
||||
bottomLeftText="Downtown Székesfehérvár"
|
||||
bottomRightText="hello@vitosnapoleotana.hu"
|
||||
brandName="Webild"
|
||||
bottomLeftText="Global Community"
|
||||
bottomRightText="hello@example.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
title="Vito's Napoletana Pizzéria"
|
||||
description="Authentic Neapolitan pizza. Crafted with fire, passion, and Italian tradition."
|
||||
title="Transform Your Workflow"
|
||||
description="Experience the power of seamless collaboration and productivity tools designed for modern teams"
|
||||
background={{ variant: "plain" }}
|
||||
tag="⭐ Rated 4.7 by locals"
|
||||
tag="New Release"
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{ text: "View Menu", href: "#pizzas" },
|
||||
{ text: "Visit Us Tonight", href: "#visit" }
|
||||
{ text: "Get Started" },
|
||||
{ text: "Learn More" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{ id: "carousel-1", videoSrc: "http://img.b2bpic.net/free-photo/high-angle-chef-baking-pizza-wood-fired-oven_52683-106696.jpg" },
|
||||
{ id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/neapolitan-pizza-with-ham-cheese-arugula-basil-tomatoes-sprinkled-with-cheese-wooden-board-tablecloth-cell_78826-2352.jpg", imageAlt: "fresh neapolitan pizza slice detail closeup" },
|
||||
{ id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/half-view-margarita-pizza-garnished-with-basil_140725-8731.jpg", imageAlt: "margherita pizza san marzano tomato fresh" },
|
||||
{ id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-tomato-slices-garlic-lemon-chili-pepper-corn-mint-leaves-pizza-board-gray-wooden-background-high-angle-view_176474-4612.jpg", imageAlt: "spicy calabrese pizza salami chili" },
|
||||
{ id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/hawaiian-pizza_74190-7223.jpg", imageAlt: "prosciutto arugula pizza fresh pesto" },
|
||||
{ id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-mushroom-pizza-with-tomatoes-olives-mushrooms-with-ropes-grey-surface_140725-20486.jpg", imageAlt: "vegetarian pizza grilled vegetables pesto" }
|
||||
{ id: "1", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Product 1" },
|
||||
{ id: "2", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Product 2" },
|
||||
{ id: "3", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Product 3" },
|
||||
{ id: "4", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Product 4" },
|
||||
{ id: "5", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Product 5" },
|
||||
{ id: "6", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Product 6" },
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={5000}
|
||||
ariaLabel="Vito's Napoletana Pizzéria hero section with pizza showcase"
|
||||
autoPlayInterval={4000}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Loved by Locals in Székesfehérvár"
|
||||
description="Authentic Neapolitan dough, fast friendly service, affordable artisan pizza"
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Join thousands of companies using our platform"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["⭐ Authentic Neapolitan Dough", "⭐ Fast Friendly Service", "⭐ Affordable Artisan Pizza", "⭐ Fresh Pizza Under 10 Minutes", "⭐ Downtown Location", "⭐ Community Focused"]}
|
||||
speed={50}
|
||||
names={["Acme Corp", "TechFlow", "Innovate Inc", "CloudSync"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureBorderGlow
|
||||
title="Real Neapolitan Pizza"
|
||||
description="At Vito's, pizza is not fast food. It's craft. Our dough is slow-fermented, stretched by hand, and baked in a blazing hot oven to create the signature light, airy Neapolitan crust."
|
||||
features={[
|
||||
{ icon: Zap, title: "Lightning Fast", description: "Optimized for performance with minimal overhead and blazing fast load times" },
|
||||
{ icon: Shield, title: "Secure by Default", description: "Built with security best practices and enterprise-grade encryption" },
|
||||
{ icon: TrendingUp, title: "Scale Effortlessly", description: "Grow your business without worrying about infrastructure" },
|
||||
]}
|
||||
title="Powerful Features with Border Glow"
|
||||
description="Hover over each card to reveal the glowing border effect"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Zap, title: "Soft Center", description: "Perfectly fermented dough creates a tender, pillowy crumb" },
|
||||
{ icon: Wind, title: "Airy Crust", description: "Hand-stretched and wood-fired for authentic texture" },
|
||||
{ icon: Flame, title: "Bold Toppings", description: "Fresh San Marzano tomatoes and premium Italian ingredients" },
|
||||
{ icon: Heart, title: "Unforgettable Flavor", description: "Just like in Naples—authentic tradition in every slice" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pizzas" data-section="pizzas">
|
||||
<ProductCardOne
|
||||
title="Signature Pizzas"
|
||||
description="Each pizza is carefully crafted with the finest ingredients and traditional Neapolitan techniques."
|
||||
products={[
|
||||
{ id: "1", name: "Premium Pizza", price: "$15", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Premium Pizza" },
|
||||
{ id: "2", name: "Deluxe Pizza", price: "$18", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Deluxe Pizza" },
|
||||
{ id: "3", name: "Classic Pizza", price: "$12", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Classic Pizza" },
|
||||
]}
|
||||
title="Featured Products"
|
||||
description="Discover our latest collection of premium products"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
products={[
|
||||
{ id: "margherita", name: "Margherita Classica", price: "2,000 Ft", imageSrc: "http://img.b2bpic.net/free-photo/half-view-margarita-pizza-garnished-with-basil_140725-8731.jpg", imageAlt: "Margherita Classica pizza with tomato, mozzarella, and basil" },
|
||||
{ id: "calabrese", name: "Calabrese", price: "2,500 Ft", imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-tomato-slices-garlic-lemon-chili-pepper-corn-mint-leaves-pizza-board-gray-wooden-background-high-angle-view_176474-4612.jpg", imageAlt: "Calabrese pizza with spicy salami and chili oil" },
|
||||
{ id: "vito-special", name: "Vito's Special", price: "3,000 Ft", imageSrc: "http://img.b2bpic.net/free-photo/hawaiian-pizza_74190-7223.jpg", imageAlt: "Vito's Special pizza with prosciutto, arugula, and parmesan" },
|
||||
{ id: "vegetarian", name: "Vegetarian Garden", price: "2,200 Ft", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-mushroom-pizza-with-tomatoes-olives-mushrooms-with-ropes-grey-surface_140725-20486.jpg", imageAlt: "Vegetarian Garden pizza with grilled vegetables and pesto" }
|
||||
]}
|
||||
buttons={[{ text: "See Full Menu", href: "#" }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="story" data-section="story">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[{ type: "text", content: "Built With Passion" }]}
|
||||
heading={[
|
||||
{ type: "text", content: "Building the future with" },
|
||||
{ type: "text", content: "innovative solutions" },
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Visit Us", href: "#visit" }]}
|
||||
buttons={[
|
||||
{ text: "Get Started", href: "/" },
|
||||
{ text: "Learn More", href: "/" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="community" data-section="community">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="The children loved the pizzas very much. 5 stars for humanity and the pizza tasted heavenly."
|
||||
testimonial="This product has completely transformed how we work. The results speak for themselves."
|
||||
rating={5}
|
||||
author="Parent & Community Member"
|
||||
author="James Carter, Journalist"
|
||||
avatars={[
|
||||
{ src: "/placeholders/placeholder1.webp", alt: "User 1" },
|
||||
{ src: "/placeholders/placeholder1.webp", alt: "User 2" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3673.jpg", alt: "Vito's pizzeria owner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-couple-having-lunch_23-2150598339.jpg", alt: "Pizzeria interior" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/neapolitan-pizza-with-ham-cheese-arugula-basil-tomatoes-sprinkled-with-cheese-wooden-board-tablecloth-cell_78826-2352.jpg", alt: "Authentic pizza" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="atmosphere" data-section="atmosphere">
|
||||
<BlogCardOne
|
||||
title="Small Place. Big Flavor."
|
||||
description="Our pizzeria is cozy, lively, and full of energy. Perfect for quick lunch, relaxed dinner, or gathering with friends and family."
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
blogs={[
|
||||
{ id: "terrace", category: "Dining", title: "Outdoor Terrace", excerpt: "Enjoy pizza on our terrace in the city center with a relaxed, friendly atmosphere", imageSrc: "http://img.b2bpic.net/free-photo/new-year-background-with-champagne_23-2148002051.jpg", imageAlt: "Pizzeria outdoor terrace seating", authorName: "Vito's Team", authorAvatar: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3673.jpg", date: "Year-round" },
|
||||
{ id: "oven", category: "Craft", title: "The Heart of Vito's", excerpt: "Our wood-fired oven bakes authentic Neapolitan pizza at perfect temperatures", imageSrc: "http://img.b2bpic.net/free-photo/italian-chef-is-putting-gourmet-freshly-made-pizza-stone-oven_613910-14121.jpg", imageAlt: "Traditional wood-fired pizza oven", authorName: "Vito's Team", authorAvatar: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3673.jpg", date: "Daily" },
|
||||
{ id: "quality", category: "Ingredients", title: "Premium Quality", excerpt: "Fresh ingredients and traditional techniques create unforgettable flavor in every bite", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-stand-with-tomatoes-olives-rolling-pin-flour-black-table_141793-13177.jpg", imageAlt: "Pizza detail with fresh ingredients", authorName: "Vito's Team", authorAvatar: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3673.jpg", date: "Always" },
|
||||
{ id: "craft", category: "Process", title: "Handmade Excellence", excerpt: "Each pizza is stretched and prepared with care by our experienced pizza makers", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-chef-preparing-pizza_23-2150235778.jpg", imageAlt: "Pizza chef preparing dough", authorName: "Vito's Team", authorAvatar: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3673.jpg", date: "Every Day" },
|
||||
{ id: "interior", category: "Ambiance", title: "Warm & Welcoming", excerpt: "A cozy interior designed for comfortable dining and memorable moments", imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-having-lunch_23-2150598339.jpg", imageAlt: "Pizzeria cozy interior with warm lighting", authorName: "Vito's Team", authorAvatar: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3673.jpg", date: "Every Moment" }
|
||||
{
|
||||
id: "1", category: "Design", title: "UX review presentations", excerpt: "How to create compelling presentations that wow your audience", imageSrc: "/placeholders/placeholder1.webp", authorName: "Olivia Rhye", authorAvatar: "/placeholders/placeholder1.webp", date: "20 Jan 2025"
|
||||
},
|
||||
{
|
||||
id: "2", category: "Development", title: "Building scalable systems", excerpt: "Best practices for architecting modern applications", imageSrc: "/placeholders/placeholder1.webp", authorName: "Alex Chen", authorAvatar: "/placeholders/placeholder1.webp", date: "18 Jan 2025"
|
||||
},
|
||||
]}
|
||||
title="Latest Articles"
|
||||
description="Stay updated with our latest insights"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<MetricCardTwo
|
||||
title="What Our Customers Say"
|
||||
description="Real reviews from locals who love Vito's authentic Neapolitan pizza"
|
||||
metrics={[
|
||||
{ id: "1", value: "98%", description: "Customer Satisfaction Rate" },
|
||||
{ id: "2", value: "50K+", description: "Active Users Worldwide" },
|
||||
]}
|
||||
title="Key Metrics"
|
||||
description="See how we're making a difference"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
metrics={[
|
||||
{ id: "review-1", value: "⭐⭐⭐⭐⭐", description: "Super good Calabrian pizza. Very fast and responsive service. — Rafał" },
|
||||
{ id: "review-2", value: "⭐⭐⭐⭐⭐", description: "Very delicious pizza, prepared quickly and the staff was very nice. — Kata" },
|
||||
{ id: "review-3", value: "⭐⭐⭐⭐⭐", description: "Cozy little pizzeria with authentic Italian-style pizzas. — Péter" },
|
||||
{ id: "review-4", value: "⭐⭐⭐⭐⭐", description: "Best pizza in Székesfehérvár! Authentic taste and friendly service. — Local Favorite" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="visit" data-section="visit">
|
||||
<ContactSplitForm
|
||||
title="Visit Vito's"
|
||||
description="Downtown Székesfehérvár • Dine-in & Terrace Seating • Fast Service — Most Pizzas Ready in Under 10 Minutes. Parking available nearby."
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-delivery-woman-wearing-orange-polo-shirt-red-cap-medical-protective-mask-pointing-stack-pizza-boxes-other-hand-looking-confident-isolated-blue-background_141793-19892.jpg"
|
||||
imageAlt="Delicious pizza delivery"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
buttonText="Get Directions"
|
||||
title="Get in touch"
|
||||
description="We'd love to hear from you. Send us a message and we'll respond as soon as possible."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true }
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your visit or reservation request", rows: 4, required: false }}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Your message", rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="/placeholders/placeholder1.webp"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
onSubmit={(data) => console.log("Form submitted:", data)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{ title: "Menu", items: [{ label: "View Full Menu", href: "#pizzas" }, { label: "Signature Pizzas", href: "#pizzas" }, { label: "Prices", href: "#pizzas" }] },
|
||||
{ title: "Experience", items: [{ label: "Our Story", href: "#story" }, { label: "Atmosphere", href: "#atmosphere" }, { label: "Reviews", href: "#reviews" }] },
|
||||
{ title: "Contact", items: [{ label: "Get Directions", href: "#visit" }, { label: "Call Now", href: "tel:+36123456789" }, { label: "Email Us", href: "mailto:hello@vitosnapoleotana.hu" }] }
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "experience" },
|
||||
{ label: "Pricing", href: "hero" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "story" },
|
||||
{ label: "Blog", href: "atmosphere" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "/" },
|
||||
{ label: "Terms", href: "/" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Vito's Napoletana Pizzéria | Downtown Székesfehérvár"
|
||||
copyrightText="© 2025 | Webild"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user