Update src/app/page.tsx
This commit is contained in:
103
src/app/page.tsx
103
src/app/page.tsx
@@ -3,17 +3,35 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { CheckCircle, Clock, Flame, Leaf, MessageSquare, Palette, Star, Wheat } from "lucide-react";
|
||||
import { useEffect } from 'react';
|
||||
|
||||
export default function LandingPage() {
|
||||
useEffect(() => {
|
||||
const cursor = document.createElement('div');
|
||||
cursor.className = 'custom-cursor';
|
||||
document.body.appendChild(cursor);
|
||||
|
||||
const updateCursor = (e: MouseEvent) => {
|
||||
cursor.style.left = e.clientX + 'px';
|
||||
cursor.style.top = e.clientY + 'px';
|
||||
};
|
||||
|
||||
window.addEventListener('mousemove', updateCursor);
|
||||
return () => {
|
||||
window.removeEventListener('mousemove', updateCursor);
|
||||
cursor.remove();
|
||||
};
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
@@ -27,6 +45,9 @@ export default function LandingPage() {
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<style jsx global>{`
|
||||
.custom-cursor { width: 12px; height: 12px; background: red; border-radius: 50%; position: fixed; pointer-events: none; z-index: 9999; transform: translate(-50%, -50%); }
|
||||
`}</style>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
@@ -45,53 +66,23 @@ export default function LandingPage() {
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Pizzeria Amici - Fine Dining Pizza"
|
||||
description="Doświadcz prawdziwego włoskiego rzemiosła w eleganckim wydaniu. Pizze komponowane z najlepszych składników."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-stand-with-tomatoes-olives-rolling-pin-flour-black-table_141793-13177.jpg", imageAlt: "Pizza 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/italian-pizza-with-chicken-salami-zucchini-tomatoes-herbs_2829-10836.jpg", imageAlt: "Pizza 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mixed-pizza-with-meat-chicek-olive-tomato-cheese_140725-5871.jpg", imageAlt: "Pizza 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/supermarket-banner-with-food_23-2149500969.jpg", imageAlt: "Pizza 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pizza-dough-with-cheese-beet-slices_23-2148753751.jpg", imageAlt: "Pizza 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-pizza-with-zucchini-tomato-peppers-mushrooms_123827-22125.jpg", imageAlt: "Pizza 6" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-spaghetti-tomatoes-olives-corn-top-view-dark-blue-background_176474-4616.jpg", imageAlt: "Pizza 7" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-indoors_23-2150901147.jpg", imageAlt: "Pizza 8" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cheese-pizza-with-olives-tomato-sauce-sausages-inside-glass-pan-light-blue-desk_140725-50499.jpg", imageAlt: "Pizza 9" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pizza_23-2147961019.jpg", imageAlt: "Pizza 10" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-indoors_23-2150873878.jpg", imageAlt: "Pizza 11" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-vegan-pizza-social-post_23-2151895435.jpg", imageAlt: "Pizza 12" },
|
||||
]}
|
||||
leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-pizza-stand-with-tomatoes-olives-rolling-pin-flour-black-table_141793-13177.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/italian-pizza-with-chicken-salami-zucchini-tomatoes-herbs_2829-10836.jpg" }]}
|
||||
rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/pizza-with-spaghetti-tomatoes-olives-corn-top-view-dark-blue-background_176474-4616.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/delicious-pizza-indoors_23-2150901147.jpg" }]}
|
||||
buttons={[{ text: "Zamów przez Pyszne.pl", href: "https://pyszne.pl" }]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/thrilled-confident-manager-business-attire-celebrates-victorious-milestone_482257-111932.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-with-two-raised-fingers_1187-1103.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/selfie-portrait-cute-brunette-girl-with-short-hair-sitting-table-gray-plaid-terrace-restaurant-she-wears-blue-shirt-looks-happy_197531-971.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Ponad 2700 zadowolonych gości"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Autentyczna Włoska Kuchnia" },
|
||||
{ type: "text", text: "Piec Opalany Drewnem" },
|
||||
{ type: "text", text: "Najwyższa Jakość Składników" },
|
||||
{ type: "text", text: "Rzemieślnicza Receptura" },
|
||||
{ type: "text", text: "Fine Dining Pizza" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "1", value: "2700+", title: "Opinie klientów", items: ["Google", "Pyszne.pl"] },
|
||||
{ id: "2", value: "4.7", title: "Pyszne.pl", items: ["Świetna ocena"] },
|
||||
{ id: "3", value: "4.3", title: "Google", items: ["Ulubiona pizzeria"] },
|
||||
]}
|
||||
<MetricCardFourteen
|
||||
title="Jakość potwierdzona opiniami"
|
||||
description="Naszą pasję doceniło już tysiące klientów."
|
||||
tag="Statystyki"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "1", value: "2700+", description: "Opinie klientów" },
|
||||
{ id: "2", value: "4.7", description: "Ocena Pyszne.pl" },
|
||||
{ id: "3", value: "4.3", description: "Ocena Google" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -119,9 +110,6 @@ export default function LandingPage() {
|
||||
{ id: "p1", name: "Margherita Classico", price: "20 zł", imageSrc: "http://img.b2bpic.net/free-photo/side-view-pizza-with-tomatoes-with-eggs-glass-milk-flour-table_140725-13969.jpg" },
|
||||
{ id: "p2", name: "Diavola", price: "28 zł", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-pizza-wooden-background_23-2148574221.jpg" },
|
||||
{ id: "p3", name: "Quattro Formaggi", price: "32 zł", imageSrc: "http://img.b2bpic.net/free-photo/healthy-delicious-mushroom-cheese-pizza-surrounded-with-italian-food-ingredients_23-2148076179.jpg" },
|
||||
{ id: "p4", name: "Amici Premium", price: "54 zł", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pizza-with-vegetables_23-2148574236.jpg" },
|
||||
{ id: "p5", name: "Truffle Pizza", price: "48 zł", imageSrc: "http://img.b2bpic.net/free-photo/cheesy-mushroom-pizza-with-cheese-grater-near-ingredients-black-backdrop_23-2148076185.jpg" },
|
||||
{ id: "p6", name: "Prosciutto Crudo", price: "42 zł", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-arugula-pizza_23-2148574284.jpg" },
|
||||
]}
|
||||
title="Nasze Menu"
|
||||
description="Sprawdź nasze najpopularniejsze pozycje w menu."
|
||||
@@ -150,9 +138,6 @@ export default function LandingPage() {
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Anna Kowalska", imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg" },
|
||||
{ id: "t2", name: "Marek Nowak", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg" },
|
||||
{ id: "t3", name: "Joanna Zielińska", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-caviar-shrimps_140725-6375.jpg" },
|
||||
{ id: "t4", name: "Piotr Wójcik", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-sitting-with-coffee-using-smartphone-cafe-chatting_1258-199048.jpg" },
|
||||
{ id: "t5", name: "Katarzyna Mazur", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153829.jpg" },
|
||||
]}
|
||||
cardTitle="Co mówią o nas goście"
|
||||
cardAnimation="slide-up"
|
||||
@@ -162,23 +147,21 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
<ContactText
|
||||
text="Pizzeria Amici | ul. Smakowa 1, Warszawa | Tel: +48 123 456 789 | Facebook / Instagram"
|
||||
background={{ variant: "plain" }}
|
||||
tag="Kontakt"
|
||||
title="Odwiedź Pizzerię Amici"
|
||||
description="Zapraszamy codziennie od 12:00 do 22:00. Znajdziesz nas w samym sercu miasta."
|
||||
buttons={[{ text: "Zobacz na mapie", href: "https://maps.google.com" }]}
|
||||
buttons={[{ text: "Napisz do nas", href: "mailto:kontakt@amici.pl" }]}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-gulas-dish-composition_23-2149072604.jpg"
|
||||
<FooterBase
|
||||
logoText="Pizzeria Amici"
|
||||
columns={[
|
||||
{ title: "Menu", items: [{ label: "Pizze", href: "#menu" }, { label: "Klasyki", href: "#menu" }] },
|
||||
{ title: "Kontakt", items: [{ label: "Mapa", href: "https://maps.google.com" }] },
|
||||
{ title: "Oferta", items: [{ label: "Pizze", href: "#menu" }, { label: "Rezerwacje", href: "#" }] },
|
||||
{ title: "O nas", items: [{ label: "Nasza historia", href: "#about" }, { label: "Praca", href: "#" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user