Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| c3a0efb81a | |||
| add684eba8 | |||
| aa80ec8442 | |||
| 038cfec09c | |||
| fad0e0d27b |
106
src/app/page.tsx
106
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 FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
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: "Innovation", id: "feature-nine" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Philosophy", id: "features" },
|
||||
{ name: "Reservations", 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"
|
||||
description="Culinary Excellence Redefined. Experience the future of fine dining in Jakarta with award-winning fusion cuisine and AI-powered recommendations."
|
||||
title="Per Se"
|
||||
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: "2", imageSrc: "http://img.b2bpic.net/free-photo/home-interior-decorated-brown-shades_23-2151934914.jpg", imageAlt: "Luxury Interior" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157792.jpg", imageAlt: "Wine Pairing" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/top-view-detox-drink-arrangement_23-2148683595.jpg", imageAlt: "Plating Detail" },
|
||||
{ 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: "6", imageSrc: "http://img.b2bpic.net/free-photo/belgian-waffle-with-vanilla-ice-cream-golden-chocolate_114579-1928.jpg", imageAlt: "Gourmet Dish" },
|
||||
{ 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: "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" },
|
||||
{ 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" },
|
||||
{ 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="Our Philosophy"
|
||||
title="A Culinary Landmark"
|
||||
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: 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." },
|
||||
{ icon: Flame, title: "Chef's Tasting", description: "A daily changing menu reflecting the finest seasonal ingredients." },
|
||||
{ icon: Calendar, title: "Exceptional Service", description: "Dedicated staff providing unmatched, personalized hospitality." },
|
||||
{ icon: MapPin, title: "Iconic Location", description: "Stunning views of Central Park from the heart of Manhattan." },
|
||||
]}
|
||||
title="The Future of Dining"
|
||||
description="Innovative technology meets traditional culinary craft to elevate your dining experience to new heights."
|
||||
title="Our Standards"
|
||||
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: "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: "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: "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" },
|
||||
]}
|
||||
title="Seasonal Curated Menu"
|
||||
description="Experience hand-selected dishes crafted by our award-winning culinary team."
|
||||
title="Tasting Menu"
|
||||
description="Sample the pinnacle of contemporary American-French fusion."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Reservations"
|
||||
description="Secure your table for an extraordinary culinary journey at SAVOUR."
|
||||
title="Inquire for Reservations"
|
||||
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 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-castle-architecture_23-2150754910.jpg"
|
||||
textarea={{ name: "message", placeholder: "Dietary restrictions or special requests...", rows: 4 }}
|
||||
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
|
||||
columns={[
|
||||
{ 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"
|
||||
/>
|
||||
<FooterCard
|
||||
logoText="Per Se"
|
||||
copyrightText="© 2026 | Per Se Restaurant"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user