Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -4,14 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
-import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import { Calendar, Flame, Layers } from "lucide-react";
+import { Calendar, Flame, Layers, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,75 +30,69 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "About", id: "about" },
-          name: "About",          id: "about"},
+        { name: "Menu", id: "menu" },
-        {
+        { name: "Philosophy", id: "features" },
-          name: "Menu",          id: "menu"},
+        { name: "Reservations", id: "contact" },
-        {
-          name: "Experiences",          id: "features"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
-      brandName="SAVOUR"
+      brandName="Per Se"
       button={{
-        text: "Reserve",        href: "#contact"}}
+        text: "Reserve", href: "https://www.google.com/maps/place/Per+Se/@40.7682178,-74.0591165,13z/data=!3m1!5s0x89c258f620dd2c59:0xca20f753fe2c35e7!4m10!1m2!2m1!1srestoran+di+dekat+new+york+amerika+serikat!3m6!1s0x89c258f62fec73a7:0x5e24118dffac8a65!8m2!3d40.7682178!4d-73.9828988!15sCipyZXN0b3JhbiBkaSBkZWthdCBuZXcgeW9yayBhbWVyaWthIHNlcmlrYXRaLCIqcmVzdG9yYW4gZGkgZGVrYXQgbmV3IHlvcmsgYW1lcmlrYSBzZXJpa2F0kgEWZmluZV9kaW5pbmdfcmVzdGF1cmFudOABAA!16zL20vMGNxdjh5?entry=ttu&g_ep=EgoyMDI2MDQxNC4wIKXMDSoASAFQAw%3D%3D" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroCarouselLogo
+      <HeroBillboardRotatedCarousel
-      logoText="SAVOUR"
+      title="Per Se"
-      description="Culinary Excellence Redefined. Experience the future of fine dining in Jakarta with award-winning fusion cuisine and AI-powered recommendations."
+      description="Thomas Keller’s acclaimed three-Michelin-starred restaurant offering an iconic fine dining experience overlooking Central Park."
+      background={{ variant: "sparkles-gradient" }}
       buttons={[
-        {
+        { text: "Reserve Now", href: "#contact" },
-          text: "Reserve Now",          href: "#contact"},
-        {
-          text: "Explore Menu",          href: "#menu"},
       ]}
-      slides={[
+      carouselItems={[
-        {
+        { id: "1", imageSrc: "https://images.unsplash.com/photo-1514362545857-3bc16c4c7d1b?auto=format&fit=crop&w=1200&q=80", imageAlt: "Elegant Fine Dining" },
-          imageSrc: "http://img.b2bpic.net/free-photo/gourmet-seafood-dish-with-white-wine_84443-82012.jpg",          imageAlt: "Culinary Art"},
+        { id: "2", imageSrc: "https://images.unsplash.com/photo-1414235077428-338989a2e8c0?auto=format&fit=crop&w=1200&q=80", imageAlt: "Gourmet Cuisine" },
-        {
+        { id: "3", imageSrc: "https://images.unsplash.com/photo-1559339352-11d035aa65de?auto=format&fit=crop&w=1200&q=80", imageAlt: "Sophisticated Table Setting" },
-          imageSrc: "http://img.b2bpic.net/free-photo/home-interior-decorated-brown-shades_23-2151934914.jpg",          imageAlt: "Luxury Interior"},
+        { id: "4", imageSrc: "https://images.unsplash.com/photo-1555396273-367ea4eb4db5?auto=format&fit=crop&w=1200&q=80", imageAlt: "Luxury Interior" },
-        {
+        { id: "5", imageSrc: "https://images.unsplash.com/photo-1582235478144-59e21703e7e8?auto=format&fit=crop&w=1200&q=80", imageAlt: "Culinary Artistry" },
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157792.jpg",          imageAlt: "Wine Pairing"},
+        { id: "6", imageSrc: "https://images.unsplash.com/photo-1544148103-0773bf10d330?auto=format&fit=crop&w=1200&q=80", imageAlt: "Fine Wine Selection" },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-detox-drink-arrangement_23-2148683595.jpg",          imageAlt: "Plating Detail"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-large-blue-sofa-large-coffee-table-with-large-window-that-says-room-is-decorated-with-large-plant_123827-23873.jpg",          imageAlt: "Signature Cocktails"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/belgian-waffle-with-vanilla-ice-cream-golden-chocolate_114579-1928.jpg",          imageAlt: "Gourmet Dish"},
       ]}
     />
   </div>
 
   <div id="about" data-section="about">
       <TextSplitAbout
-      useInvertedBackground={false}
+      title="A Culinary Landmark"
-      title="Our Philosophy"
       description={[
-        "SAVOUR is an award-winning fine dining destination that harmonizes traditional French techniques with the vibrant, bold flavors of Indonesia.",        "Our mission is to create a symphony of taste on every plate, engaging all senses in a refined atmosphere crafted for true culinary enthusiasts."]}
+        "Per Se is the second fine-dining restaurant by chef Thomas Keller. It features a daily nine-course tasting menu and a nine-course vegetable tasting menu, using classic French technique and the finest quality ingredients available.",        "Our commitment to hospitality ensures that every guest is treated to an extraordinary culinary journey at the highest level of service."
+      ]}
+      buttons={[{ text: "Reserve", href: "#contact" }]}
+      useInvertedBackground={false}
     />
   </div>
 
+  <div id="proof" data-section="proof">
+      <SocialProofOne 
+        names={["Three Michelin Stars", "James Beard Foundation Award", "The World's 50 Best Restaurants", "Forbes Five-Star Rating"]}
+        title="Accolades"
+        description="Recognized globally for culinary excellence."
+        textboxLayout="default"
+        useInvertedBackground={false}
+      />
+  </div>
+
   <div id="features" data-section="features">
       <FeatureBorderGlow
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { icon: Flame, title: "Chef's Tasting", description: "A daily changing menu reflecting the finest seasonal ingredients." },
-          icon: Flame,
+        { icon: Calendar, title: "Exceptional Service", description: "Dedicated staff providing unmatched, personalized hospitality." },
-          title: "AI Menu Intelligence",          description: "Personalized menu recommendations tailored to your unique palate profile."},
+        { icon: MapPin, title: "Iconic Location", description: "Stunning views of Central Park from the heart of Manhattan." },
-        {
-          icon: Calendar,
-          title: "Real-time Reservations",          description: "Seamless, instant booking experience at your fingertips, anytime."},
-        {
-          icon: Layers,
-          title: "Immersive Experience",          description: "Atmospheric 3D dining environments with dynamic ambiance adjustments."},
       ]}
-      title="The Future of Dining"
+      title="Our Standards"
-      description="Innovative technology meets traditional culinary craft to elevate your dining experience to new heights."
+      description="Beyond just a meal, we offer a legacy of craftsmanship and refined taste."
     />
   </div>
 
@@ -110,118 +103,37 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "p1", name: "Oysters and Pearls", price: "Tasting Menu", imageSrc: "https://images.unsplash.com/photo-1541532713600-ca30318c3029?auto=format&fit=crop&w=800&q=80" },
-          id: "p1",          name: "Wagyu A5 Tartare",          price: "IDR 350,000",          imageSrc: "http://img.b2bpic.net/free-photo/soft-cake-decorated-with-orangeand-chocolate-dark-table_140725-86366.jpg"},
+        { id: "p2", name: "Butter Poached Lobster", price: "Tasting Menu", imageSrc: "https://images.unsplash.com/photo-1512621776951-a57141f2eefd?auto=format&fit=crop&w=800&q=80" },
-        {
+        { id: "p3", name: "Signature Truffles", price: "Tasting Menu", imageSrc: "https://images.unsplash.com/photo-1548943487-a2e4e43b6853?auto=format&fit=crop&w=800&q=80" },
-          id: "p2",          name: "Lobster Thermidor",          price: "IDR 550,000",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-wedding-table-arrangement_23-2150279481.jpg"},
-        {
-          id: "p3",          name: "Duck Confit",          price: "IDR 320,000",          imageSrc: "http://img.b2bpic.net/free-photo/shrimp-plate-garnished-with-sauce-bread-stuffing-spinach-shredded-carrot_141793-2275.jpg"},
-        {
-          id: "p4",          name: "Truffle Arancini",          price: "IDR 120,000",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-fork-with-wedding-rings_23-2148242381.jpg"},
-        {
-          id: "p5",          name: "Chocolate Sphere",          price: "IDR 180,000",          imageSrc: "http://img.b2bpic.net/free-photo/cocktail-served-crystal-glass_140725-7809.jpg"},
-        {
-          id: "p6",          name: "Beef Wellington",          price: "IDR 480,000",          imageSrc: "http://img.b2bpic.net/free-photo/boiled-coffee-cups-sweets_140725-3711.jpg"},
       ]}
-      title="Seasonal Curated Menu"
+      title="Tasting Menu"
-      description="Experience hand-selected dishes crafted by our award-winning culinary team."
+      description="Sample the pinnacle of contemporary American-French fusion."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="depth-3d"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",          name: "Michael Chen",          role: "Food Critic",          testimonial: "Absolutely incredible experience! The wagyu tartare was absolute perfection.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-funny-pin-up-woman-holding-cake-hands_176420-3320.jpg"},
-        {
-          id: "2",          name: "Sarah Johnson",          role: "Culinary Blogger",          testimonial: "The best fine dining in Jakarta. The service and atmosphere were unmatched.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunettte-woman-chef-cooking-carrot-cake-making-fish-face-with-mouth-squinting-eyes-crazy-comical_839833-19935.jpg"},
-        {
-          id: "3",          name: "James Wilson",          role: "Business Executive",          testimonial: "A symphony of taste and elegance. Highly recommend the fusion menu.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-luxury-restaurant_23-2150598346.jpg"},
-        {
-          id: "4",          name: "Elena Rodriguez",          role: "Art Collector",          testimonial: "Art on a plate. Truly an unforgettable night of high-end gastronomy.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598345.jpg"},
-        {
-          id: "5",          name: "David Kim",          role: "Gourmet Traveler",          testimonial: "SAVOUR sets a new global standard for modern, intelligent fine dining.",          imageSrc: "http://img.b2bpic.net/free-photo/classic-luxury-style-restaurant-with-tables-chairs_140725-9390.jpg"},
-      ]}
-      title="Guest Testimonials"
-      description="What our esteemed guests are saying about their journey at SAVOUR."
-    />
-  </div>
-
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="depth-3d"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",          value: "15+",          title: "Years of Excellence",          items: [
-            "Established 2009",            "Global standard"],
-        },
-        {
-          id: "m2",          value: "25+",          title: "Culinary Awards",          items: [
-            "Best Fine Dining 2024",            "Excellence in Service"],
-        },
-        {
-          id: "m3",          value: "100%",          title: "Customer Satisfaction",          items: [
-            "Curated experience",            "Personalized service"],
-        },
-      ]}
-      title="Culinary Achievements"
-      description="Recognized for consistent innovation and service excellence globally."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={false}
-      title="Reservations"
+      title="Inquire for Reservations"
-      description="Secure your table for an extraordinary culinary journey at SAVOUR."
+      description="Please fill out the form below to initiate your reservation inquiry. Our team will contact you shortly to confirm your booking."
       inputs={[
-        {
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
-          name: "name",          type: "text",          placeholder: "Full Name",          required: true,
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
-        },
-        {
-          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
-        },
       ]}
-      textarea={{
+      textarea={{ name: "message", placeholder: "Dietary restrictions or special requests...", rows: 4 }}
-        name: "message",        placeholder: "Special requests or reservation notes...",        rows: 4,
+      buttonText="Submit Inquiry"
-      }}
+      imageSrc="https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=1200&q=80"
-      imageSrc="http://img.b2bpic.net/free-photo/beautiful-castle-architecture_23-2150754910.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterCard
-      columns={[
+        logoText="Per Se"
-        {
+        copyrightText="© 2026 | Per Se Restaurant"
-          items: [
+      />
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Menu",              href: "#menu"},
-            {
-              label: "Reservations",              href: "#contact"},
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy",              href: "#"},
-            {
-              label: "Terms",              href: "#"},
-            {
-              label: "Careers",              href: "#"},
-          ],
-        },
-      ]}
-      logoText="SAVOUR"
-    />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}