Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -4,13 +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 FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
+import FooterCard from '@/components/sections/footer/FooterCard';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
+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 (
@@ -32,76 +32,70 @@ export default function LandingPage() {
       navItems={[
         { name: "About", id: "about" },
         { name: "Menu", id: "menu" },
-        { name: "Experiences", id: "features" },
+        { name: "Philosophy", id: "features" },
-        { name: "Innovation", id: "feature-nine" },
+        { name: "Reservations", id: "contact" },
-        { 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">
       <HeroBillboardRotatedCarousel
-      title="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: "Explore Menu", href: "#menu" },
       ]}
       carouselItems={[
-        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-seafood-dish-with-white-wine_84443-82012.jpg?_wi=1", imageAlt: "Culinary Art" },
+        { id: "1", imageSrc: "https://images.unsplash.com/photo-1514362545857-3bc16c4c7d1b?auto=format&fit=crop&w=1200&q=80", imageAlt: "Elegant Fine Dining" },
-        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/home-interior-decorated-brown-shades_23-2151934914.jpg", imageAlt: "Luxury Interior" },
+        { id: "2", imageSrc: "https://images.unsplash.com/photo-1414235077428-338989a2e8c0?auto=format&fit=crop&w=1200&q=80", imageAlt: "Gourmet Cuisine" },
-        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157792.jpg", imageAlt: "Wine Pairing" },
+        { id: "3", imageSrc: "https://images.unsplash.com/photo-1559339352-11d035aa65de?auto=format&fit=crop&w=1200&q=80", imageAlt: "Sophisticated Table Setting" },
-        { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/top-view-detox-drink-arrangement_23-2148683595.jpg", imageAlt: "Plating Detail" },
+        { id: "4", imageSrc: "https://images.unsplash.com/photo-1555396273-367ea4eb4db5?auto=format&fit=crop&w=1200&q=80", imageAlt: "Luxury Interior" },
-        { id: "5", 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" },
+        { id: "5", imageSrc: "https://images.unsplash.com/photo-1582235478144-59e21703e7e8?auto=format&fit=crop&w=1200&q=80", imageAlt: "Culinary Artistry" },
-        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/belgian-waffle-with-vanilla-ice-cream-golden-chocolate_114579-1928.jpg", imageAlt: "Gourmet Dish" },
+        { id: "6", imageSrc: "https://images.unsplash.com/photo-1544148103-0773bf10d330?auto=format&fit=crop&w=1200&q=80", imageAlt: "Fine Wine Selection" },
       ]}
     />
   </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: "AI Menu Intelligence", description: "Personalized menu recommendations tailored to your unique palate profile." },
+        { icon: Flame, title: "Chef's Tasting", description: "A daily changing menu reflecting the finest seasonal ingredients." },
-        { icon: Calendar, title: "Real-time Reservations", description: "Seamless, instant booking experience at your fingertips, anytime." },
+        { icon: Calendar, title: "Exceptional Service", description: "Dedicated staff providing unmatched, personalized hospitality." },
-        { icon: Layers, title: "Immersive Experience", description: "Atmospheric 3D dining environments with dynamic ambiance adjustments." },
+        { icon: MapPin, title: "Iconic Location", description: "Stunning views of Central Park from the heart of Manhattan." },
       ]}
-      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>
 
-  <div id="feature-nine" data-section="feature-nine">
-      <FeatureCardNine
-        showStepNumbers={true}
-        animationType="slide-up"
-        textboxLayout="default"
-        useInvertedBackground={false}
-        title="Our Process"
-        description="Discover the meticulous steps we take to craft your perfect dining experience."
-        features={[
-          { title: "Reserve", description: "Select your preferred date and time online.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/gourmet-seafood-dish-with-white-wine_84443-82012.jpg?_wi=2" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/gourmet-seafood-dish-with-white-wine_84443-82012.jpg?_wi=3" } },
-          { title: "Customize", description: "Personalize your menu with AI-driven suggestions.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/gourmet-seafood-dish-with-white-wine_84443-82012.jpg?_wi=4" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/gourmet-seafood-dish-with-white-wine_84443-82012.jpg?_wi=5" } },
-        ]}
-      />
-  </div>
-
   <div id="menu" data-section="menu">
       <ProductCardOne
       animationType="slide-up"
@@ -109,39 +103,37 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        { 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: "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: "p2", name: "Lobster Thermidor", price: "IDR 550,000", imageSrc: "http://img.b2bpic.net/free-photo/top-view-wedding-table-arrangement_23-2150279481.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: "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: "p3", name: "Signature Truffles", price: "Tasting Menu", imageSrc: "https://images.unsplash.com/photo-1548943487-a2e4e43b6853?auto=format&fit=crop&w=800&q=80" },
       ]}
-      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="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: "email", type: "email", placeholder: "Email Address", required: true },
       ]}
-      textarea={{ name: "message", placeholder: "Special requests or reservation notes...", rows: 4 }}
+      textarea={{ name: "message", placeholder: "Dietary restrictions or special requests...", rows: 4 }}
-      imageSrc="http://img.b2bpic.net/free-photo/beautiful-castle-architecture_23-2150754910.jpg"
+      buttonText="Submit Inquiry"
+      imageSrc="https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=1200&q=80"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterCard
-      columns={[
+        logoText="Per Se"
-        { items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#menu" }, { label: "Reservations", href: "#contact" }] },
+        copyrightText="© 2026 | Per Se Restaurant"
-        { items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }, { label: "Careers", href: "#" }] },
+      />
-      ]}
-      logoText="SAVOUR"
-    />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}