From 72428096af1eafedf9ca79e2d654901411499099 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 4 Apr 2026 18:18:16 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 175 +++++++++++++++-------------------------------- 1 file changed, 54 insertions(+), 121 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 0ec1160..da7405e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -10,8 +10,31 @@ import MediaAbout from '@/components/sections/about/MediaAbout'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; import ProductCardOne from '@/components/sections/product/ProductCardOne'; import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen'; +import { useEffect } from "react"; +import { gsap } from "gsap"; +import { ScrollTrigger } from "gsap/ScrollTrigger"; + +gsap.registerPlugin(ScrollTrigger); export default function LandingPage() { + useEffect(() => { + const sections = [".contact-section-wrapper", ".footer-section-wrapper"]; + sections.forEach((selector) => { + gsap.fromTo( + selector, + { opacity: 0, y: 50 }, + { + opacity: 1, + y: 0, + scrollTrigger: { + trigger: selector, + start: "top 85%", end: "top 60%", scrub: 1, + }, + } + ); + }); + }, []); + return ( @@ -53,41 +68,26 @@ export default function LandingPage() {
@@ -110,41 +110,17 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "p1", - name: "Truffle Infused Risotto", - price: "R320", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-grey-space_140725-83769.jpg", - }, + id: "p1", name: "Truffle Infused Risotto", price: "R320", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-grey-space_140725-83769.jpg"}, { - id: "p2", - name: "Slow-Roasted Wagyu Beef", - price: "R580", - imageSrc: "http://img.b2bpic.net/free-photo/grilled-foie-gras_1203-3591.jpg", - }, + id: "p2", name: "Slow-Roasted Wagyu Beef", price: "R580", imageSrc: "http://img.b2bpic.net/free-photo/grilled-foie-gras_1203-3591.jpg"}, { - id: "p3", - name: "Deconstructed Malva Pudding", - price: "R180", - imageSrc: "http://img.b2bpic.net/free-photo/cheesecake-slice-with-berry-sauce-top_114579-2551.jpg", - }, + id: "p3", name: "Deconstructed Malva Pudding", price: "R180", imageSrc: "http://img.b2bpic.net/free-photo/cheesecake-slice-with-berry-sauce-top_114579-2551.jpg"}, { - id: "p4", - name: "Heritage Garden Salad", - price: "R160", - imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad_74190-5611.jpg", - }, + id: "p4", name: "Heritage Garden Salad", price: "R160", imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad_74190-5611.jpg"}, { - id: "p5", - name: "Pan-Seared Kingklip", - price: "R420", - imageSrc: "http://img.b2bpic.net/free-photo/seafood-salad-with-crabsters-mussels_114579-2138.jpg", - }, + id: "p5", name: "Pan-Seared Kingklip", price: "R420", imageSrc: "http://img.b2bpic.net/free-photo/seafood-salad-with-crabsters-mussels_114579-2138.jpg"}, { - id: "p6", - name: "Valrhona Chocolate Sphere", - price: "R210", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-cheesecake-with-chocolate-raspberries-white-oval-plateon-newspaper-grey-surface-free-space_140725-62326.jpg", - }, + id: "p6", name: "Valrhona Chocolate Sphere", price: "R210", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cheesecake-with-chocolate-raspberries-white-oval-plateon-newspaper-grey-surface-free-space_140725-62326.jpg"}, ]} title="Curated Menu Selection" description="Discover our signature dishes, meticulously crafted to offer a journey through the finest flavors in Johannesburg." @@ -157,45 +133,15 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "t1", - title: "Incredible Experience", - quote: "The food and ambiance were perfectly balanced for our business dinner.", - name: "Sarah M.", - role: "Corporate Lead", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-cup_23-2149655610.jpg", - }, + id: "t1", title: "Incredible Experience", quote: "The food and ambiance were perfectly balanced for our business dinner.", name: "Sarah M.", role: "Corporate Lead", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-holding-cup_23-2149655610.jpg"}, { - id: "t2", - title: "Stellar Service", - quote: "Impeccable service. The best fine dining spot in Johannesburg by far.", - name: "Michael D.", - role: "Food Critic", - imageSrc: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg", - }, + id: "t2", title: "Stellar Service", quote: "Impeccable service. The best fine dining spot in Johannesburg by far.", name: "Michael D.", role: "Food Critic", imageSrc: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg"}, { - id: "t3", - title: "Perfect Date Night", - quote: "The atmosphere and flavors made for a truly magical date night experience.", - name: "Elena R.", - role: "Creative Director", - imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-toasting-with-colleague-office-party_637285-9559.jpg", - }, + id: "t3", title: "Perfect Date Night", quote: "The atmosphere and flavors made for a truly magical date night experience.", name: "Elena R.", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-toasting-with-colleague-office-party_637285-9559.jpg"}, { - id: "t4", - title: "Culinary Perfection", - quote: "The Wagyu beef was a transformative culinary journey. Simply brilliant.", - name: "David L.", - role: "Professional", - imageSrc: "http://img.b2bpic.net/free-photo/man-woman-with-glass-wine-looking-camera_259150-58460.jpg", - }, + id: "t4", title: "Culinary Perfection", quote: "The Wagyu beef was a transformative culinary journey. Simply brilliant.", name: "David L.", role: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-with-glass-wine-looking-camera_259150-58460.jpg"}, { - id: "t5", - title: "Must Try Rosebank Venue", - quote: "An absolute treasure for anyone seeking quality dining in Rosebank.", - name: "Jane K.", - role: "Entrepreneur", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-standing-front-toys-amusement-park_23-2147910668.jpg", - }, + id: "t5", title: "Must Try Rosebank Venue", quote: "An absolute treasure for anyone seeking quality dining in Rosebank.", name: "Jane K.", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-standing-front-toys-amusement-park_23-2147910668.jpg"}, ]} title="Voices of Epicure" description="Rated 4.3 stars by our guests, Epicure continues to set the standard for fine dining in Rosebank." @@ -208,25 +154,13 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "f1", - title: "Do I need a reservation?", - content: "We highly recommend reservations, especially on weekends and evenings.", - }, + id: "f1", title: "Do I need a reservation?", content: "We highly recommend reservations, especially on weekends and evenings."}, { - id: "f2", - title: "Is takeaway available?", - content: "Yes, we offer premium takeaway for our guests to enjoy Epicure at home.", - }, + id: "f2", title: "Is takeaway available?", content: "Yes, we offer premium takeaway for our guests to enjoy Epicure at home."}, { - id: "f3", - title: "Are there private dining options?", - content: "Yes, we provide flexible private dining areas for group and corporate bookings.", - }, + id: "f3", title: "Are there private dining options?", content: "Yes, we provide flexible private dining areas for group and corporate bookings."}, { - id: "f4", - title: "What are your operating hours?", - content: "We are open daily until midnight to serve you.", - }, + id: "f4", title: "What are your operating hours?", content: "We are open daily until midnight to serve you."}, ]} imageSrc="http://img.b2bpic.net/free-photo/stylish-businessman-working-office_1157-21037.jpg" title="Planning Your Visit" @@ -235,12 +169,11 @@ export default function LandingPage() { /> -
+
-