Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #3.
This commit is contained in:
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { useEffect, useState } from "react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
@@ -14,6 +15,16 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
|
||||
import { CheckCircle, Clock, Flame, Leaf, MessageSquare, Palette, Star, Wheat } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
const [mousePos, setMousePos] = useState({ x: 0, y: 0 });
|
||||
|
||||
useEffect(() => {
|
||||
const handleMouseMove = (e: MouseEvent) => {
|
||||
setMousePos({ x: e.clientX, y: e.clientY });
|
||||
};
|
||||
window.addEventListener("mousemove", handleMouseMove);
|
||||
return () => window.removeEventListener("mousemove", handleMouseMove);
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
@@ -28,6 +39,17 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div className="fixed inset-0 pointer-events-none z-[9999]">
|
||||
<div
|
||||
className="w-4 h-4 rounded-full bg-red-500 fixed transition-transform duration-75 ease-out shadow-[0_0_10px_rgba(239,68,68,0.8)]"
|
||||
style={{
|
||||
left: `${mousePos.x}px`,
|
||||
top: `${mousePos.y}px`,
|
||||
transform: "translate(-50%, -50%)"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
@@ -41,43 +63,28 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
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" },
|
||||
]}
|
||||
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 className="relative">
|
||||
<svg className="absolute top-10 right-10 w-20 h-20 opacity-30 animate-pulse pointer-events-none">
|
||||
<circle cx="40" cy="40" r="30" stroke="currentColor" strokeWidth="2" fill="none" />
|
||||
<path d="M40 10 L40 70 M10 40 L70 40" stroke="currentColor" strokeWidth="1" />
|
||||
</svg>
|
||||
<HeroSplitDoubleCarousel
|
||||
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" },
|
||||
]}
|
||||
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" },
|
||||
]}
|
||||
buttons={[{ text: "Zamów przez Pyszne.pl", href: "https://pyszne.pl" }]}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
@@ -119,9 +126,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."
|
||||
@@ -151,8 +155,6 @@ export default function LandingPage() {
|
||||
{ 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"
|
||||
@@ -185,4 +187,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -13,11 +13,11 @@
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #f5f5f5;
|
||||
--primary-cta: #ffd700;
|
||||
--primary-cta: #ff3d4a;
|
||||
--primary-cta-text: #000000;
|
||||
--secondary-cta: #e63946;
|
||||
--secondary-cta: #1f0a0a;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #b8860b;
|
||||
--accent: #ff3d4a;
|
||||
--background-accent: #2a0a0a;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
|
||||
Reference in New Issue
Block a user