7 Commits

Author SHA1 Message Date
7ee256b0e2 Merge version_6 into main
Merge version_6 into main
2026-04-19 05:55:19 +00:00
c3a0efb81a Update src/app/page.tsx 2026-04-19 05:55:13 +00:00
7964e6d749 Merge version_6 into main
Merge version_6 into main
2026-04-19 05:54:47 +00:00
add684eba8 Update src/app/page.tsx 2026-04-19 05:54:41 +00:00
aa80ec8442 Merge version_5 into main
Merge version_5 into main
2026-04-17 06:43:31 +00:00
038cfec09c Merge version_5 into main
Merge version_5 into main
2026-04-17 06:43:07 +00:00
fad0e0d27b Merge version_5 into main
Merge version_5 into main
2026-04-17 06:42:35 +00:00

View File

@@ -4,13 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow'; 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 HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne'; import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout'; 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() { export default function LandingPage() {
return ( return (
@@ -32,76 +32,70 @@ export default function LandingPage() {
navItems={[ navItems={[
{ name: "About", id: "about" }, { name: "About", id: "about" },
{ name: "Menu", id: "menu" }, { 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={{ 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>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel <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 Kellers acclaimed three-Michelin-starred restaurant offering an iconic fine dining experience overlooking Central Park."
background={{ variant: "sparkles-gradient" }} background={{ variant: "sparkles-gradient" }}
buttons={[ buttons={[
{ text: "Reserve Now", href: "#contact" }, { text: "Reserve Now", href: "#contact" },
{ text: "Explore Menu", href: "#menu" },
]} ]}
carouselItems={[ 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>
<div id="about" data-section="about"> <div id="about" data-section="about">
<TextSplitAbout <TextSplitAbout
useInvertedBackground={false} title="A Culinary Landmark"
title="Our Philosophy"
description={[ 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>
<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"> <div id="features" data-section="features">
<FeatureBorderGlow <FeatureBorderGlow
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
features={[ 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>
<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"> <div id="menu" data-section="menu">
<ProductCardOne <ProductCardOne
animationType="slide-up" animationType="slide-up"
@@ -109,39 +103,37 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={false} useInvertedBackground={false}
products={[ 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>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactSplitForm
useInvertedBackground={false} 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={[ 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={{ 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>
<div id="footer" data-section="footer"> <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> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }