Merge version_1 into main #1
469
src/app/page.tsx
469
src/app/page.tsx
@@ -19,338 +19,163 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Highlights",
|
||||
id: "highlights",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Presamar"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Highlights", id: "highlights" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Presamar"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="A Symphony of Flavors"
|
||||
description="Experience the pinnacle of culinary art at Presamar. Where every dish tells a story of passion, precision, and tradition."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-dinner-table-with-plates-cutlery-yellow-blue-glasses_140725-8444.jpg",
|
||||
imageAlt: "Luxurious dining interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-head-chef-uniform-uses-spoon-taste-delicious-soup_482257-121222.jpg",
|
||||
imageAlt: "Chef preparing dish",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-wooden-dining-room-with-modern-lighting-generated-by-ai_188544-29879.jpg",
|
||||
imageAlt: "Dining ambiance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-showing-his-fine-cuisine-professional-food-decoration_482257-10348.jpg",
|
||||
imageAlt: "Gourmet plating",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beige-colored-interior-dining-room_114579-2540.jpg",
|
||||
imageAlt: "Luxury restaurant",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-dish-restaurant-table_7939-3126.jpg",
|
||||
imageAlt: "Culinary art",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-people-holding-drinks_23-2150124821.jpg",
|
||||
imageAlt: "Premium restaurant",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-smoke-cooked-food_23-2151259620.jpg",
|
||||
imageAlt: "Artful dining",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wedding-reception-hall-with-decorated-luxury-table-setting_181624-13771.jpg",
|
||||
imageAlt: "Elegant setting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-fillet-with-sauce-top_140725-6436.jpg",
|
||||
imageAlt: "Fine dining",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg",
|
||||
alt: "Diner 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-smiling_1187-3402.jpg",
|
||||
alt: "Diner 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mid-shot-man-standing-up-smiling-living-room_23-2148441066.jpg",
|
||||
alt: "Diner 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
|
||||
alt: "Staff 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
|
||||
alt: "Staff 2",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 500+ satisfied guests"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Michelin Star Rated",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Sourcing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Selection",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exclusive Atmosphere",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Chef-Driven Menu",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="A Symphony of Flavors"
|
||||
description="Experience the pinnacle of culinary art at Presamar. Where every dish tells a story of passion, precision, and tradition."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/restaurant-dinner-table-with-plates-cutlery-yellow-blue-glasses_140725-8444.jpg", imageAlt: "Luxurious dining interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-head-chef-uniform-uses-spoon-taste-delicious-soup_482257-121222.jpg", imageAlt: "Chef preparing dish" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/elegant-wooden-dining-room-with-modern-lighting-generated-by-ai_188544-29879.jpg", imageAlt: "Dining ambiance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chef-showing-his-fine-cuisine-professional-food-decoration_482257-10348.jpg", imageAlt: "Gourmet plating" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beige-colored-interior-dining-room_114579-2540.jpg", imageAlt: "Luxury restaurant" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/chicken-dish-restaurant-table_7939-3126.jpg", imageAlt: "Culinary art" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-people-holding-drinks_23-2150124821.jpg", imageAlt: "Premium restaurant" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-smoke-cooked-food_23-2151259620.jpg", imageAlt: "Artful dining" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wedding-reception-hall-with-decorated-luxury-table-setting_181624-13771.jpg", imageAlt: "Elegant setting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-fillet-with-sauce-top_140725-6436.jpg", imageAlt: "Fine dining" },
|
||||
]}
|
||||
buttons={[{ text: "Reserve Your Table", href: "#contact" }]}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg", alt: "Diner 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-smiling_1187-3402.jpg", alt: "Diner 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/mid-shot-man-standing-up-smiling-living-room_23-2148441066.jpg", alt: "Diner 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg", alt: "Staff 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg", alt: "Staff 2" },
|
||||
]}
|
||||
avatarText="Join 500+ satisfied guests"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Michelin Star Rated" },
|
||||
{ type: "text", text: "Sustainable Sourcing" },
|
||||
{ type: "text", text: "Artisanal Selection" },
|
||||
{ type: "text", text: "Exclusive Atmosphere" },
|
||||
{ type: "text", text: "Chef-Driven Menu" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Story"
|
||||
title="Crafting Memories"
|
||||
description="At Presamar, we believe dining is an emotional journey. Our kitchen combines local heritage with modern technique to redefine luxury dining."
|
||||
subdescription="From farm to table, we prioritize quality, authenticity, and innovation in every single plate we serve."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Story"
|
||||
title="Crafting Memories"
|
||||
description="At Presamar, we believe dining is an emotional journey. Our kitchen combines local heritage with modern technique to redefine luxury dining."
|
||||
subdescription="From farm to table, we prioritize quality, authenticity, and innovation in every single plate we serve."
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="highlights" data-section="highlights">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Artisanal Kitchen",
|
||||
subtitle: "Local ingredients, global flair.",
|
||||
category: "Gastronomy",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Sommelier Selection",
|
||||
subtitle: "A world-class cellar for every palate.",
|
||||
category: "Beverage",
|
||||
value: "200+",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Ambiance Redefined",
|
||||
subtitle: "Luxury setting in the heart of the city.",
|
||||
category: "Atmosphere",
|
||||
value: "Premium",
|
||||
},
|
||||
]}
|
||||
title="Signature Experiences"
|
||||
description="Curated moments designed to enchant your senses."
|
||||
/>
|
||||
</div>
|
||||
<div id="highlights" data-section="highlights">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "1", title: "Artisanal Kitchen", subtitle: "Local ingredients, global flair.", category: "Gastronomy", value: "100%" },
|
||||
{ id: "2", title: "Sommelier Selection", subtitle: "A world-class cellar for every palate.", category: "Beverage", value: "200+" },
|
||||
{ id: "3", title: "Ambiance Redefined", subtitle: "Luxury setting in the heart of the city.", category: "Atmosphere", value: "Premium" },
|
||||
]}
|
||||
title="Signature Experiences"
|
||||
description="Curated moments designed to enchant your senses."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Signature",
|
||||
name: "Grilled Lobster",
|
||||
price: "$85",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-dessert-presentation-with-edible-flowers_23-2151973720.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Signature",
|
||||
name: "Truffle Risotto",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-unrecognizable-man-serving-champagne-his-girlfriend-while-having-dinner-dining-table_637285-3188.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Classic",
|
||||
name: "Seared Scallops",
|
||||
price: "$55",
|
||||
rating: 4,
|
||||
reviewCount: "65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-food-concept_23-2148510914.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Classic",
|
||||
name: "Prime Steak",
|
||||
price: "$70",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad-with-fresh-vegetables_140725-2439.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Dessert",
|
||||
name: "Chocolate Sphere",
|
||||
price: "$25",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-waiter-holding-champagne-glasses_23-2148244963.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Dessert",
|
||||
name: "Berry Tart",
|
||||
price: "$20",
|
||||
rating: 4,
|
||||
reviewCount: "75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-modern-kitchen-carefully-sprinkles-fresh-herbs_482257-127710.jpg",
|
||||
},
|
||||
]}
|
||||
title="Culinary Creations"
|
||||
description="Discover our signature dishes meticulously prepared for your delight."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "Signature", name: "Grilled Lobster", price: "$85", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/elegant-dessert-presentation-with-edible-flowers_23-2151973720.jpg" },
|
||||
{ id: "2", brand: "Signature", name: "Truffle Risotto", price: "$45", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/closeup-unrecognizable-man-serving-champagne-his-girlfriend-while-having-dinner-dining-table_637285-3188.jpg" },
|
||||
{ id: "3", brand: "Classic", name: "Seared Scallops", price: "$55", rating: 4, reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-food-concept_23-2148510914.jpg" },
|
||||
{ id: "4", brand: "Classic", name: "Prime Steak", price: "$70", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/salmon-salad-with-fresh-vegetables_140725-2439.jpg" },
|
||||
{ id: "5", brand: "Dessert", name: "Chocolate Sphere", price: "$25", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/close-up-waiter-holding-champagne-glasses_23-2148244963.jpg" },
|
||||
{ id: "6", brand: "Dessert", name: "Berry Tart", price: "$20", rating: 4, reviewCount: "75", imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-modern-kitchen-carefully-sprinkles-fresh-herbs_482257-127710.jpg" },
|
||||
]}
|
||||
title="Culinary Creations"
|
||||
description="Discover our signature dishes meticulously prepared for your delight."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-standing-smiling_1187-3162.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Michael Brown",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598415.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alice Wilson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Guest Impressions"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
cardTitle="Guest Impressions"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/man-standing-smiling_1187-3162.jpg" },
|
||||
{ id: "2", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg" },
|
||||
{ id: "3", name: "Elena Smith", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg" },
|
||||
{ id: "4", name: "Michael Brown", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598415.jpg" },
|
||||
{ id: "5", name: "Alice Wilson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need a reservation?",
|
||||
content: "Yes, we highly recommend booking in advance to ensure your table.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are there vegetarian options?",
|
||||
content: "Our chef crafts dedicated vegetarian menus daily.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is dress code required?",
|
||||
content: "We maintain an elegant casual dress code.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="We are here to assist with your dining plans."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Common Questions"
|
||||
description="We are here to assist with your dining plans."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "1", title: "Do I need a reservation?", content: "Yes, we highly recommend booking in advance to ensure your table." },
|
||||
{ id: "2", title: "Are there vegetarian options?", content: "Our chef crafts dedicated vegetarian menus daily." },
|
||||
{ id: "3", title: "Is dress code required?", content: "We maintain an elegant casual dress code." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Reservations"
|
||||
title="Secure Your Experience"
|
||||
description="Book your table directly through our team for a seamless dining experience."
|
||||
inputPlaceholder="Enter your email for booking"
|
||||
buttonText="Reserve Now"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Reservations"
|
||||
title="Secure Your Experience"
|
||||
description="Book your table directly through our team for a seamless dining experience."
|
||||
inputPlaceholder="Enter your email for booking"
|
||||
buttonText="Reserve Now"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Presamar"
|
||||
copyrightText="© 2025 Presamar | Luxury Dining"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Presamar"
|
||||
copyrightText="© 2025 Presamar | Luxury Dining"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user