Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-11 07:47:41 +00:00

View File

@@ -19,430 +19,164 @@ export default function LandingPage() {
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "About",
id: "#about",
},
{
name: "Menu",
id: "#menu",
},
{
name: "Contact",
id: "#contact",
},
]}
brandName="Homarus"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "#hero" },
{ name: "About", id: "#about" },
{ name: "Menu", id: "#menu" },
{ name: "Contact", id: "#contact" }
]}
brandName="Homarus"
button={{ text: "Reserve" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "plain",
}}
title="Experience Coastal Excellence"
description="At Homarus, we serve the finest, sustainably sourced seafood in an atmosphere of refined elegance. Join us for a culinary journey inspired by the ocean's bounty."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-wedding-table-arrangement_23-2150279480.jpg",
imageAlt: "Luxurious Interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/mussels-cream-sauce-served-with-green-salad_140725-5873.jpg",
imageAlt: "Gourmet Platter",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/comfortable-dining-room-with-modern-rustic-elegance-generated-by-ai_188544-21418.jpg",
imageAlt: "Dining Area",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/seafood-mussels-salad-with-galetta-white-plate_114579-2359.jpg",
imageAlt: "Appetizers",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-bowls-with-tomatoes-clams_23-2148643601.jpg",
imageAlt: "Atmosphere",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081455.jpg",
imageAlt: "Signature Dish",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sweet-sliced-pomegranates_140725-84718.jpg",
imageAlt: "Signature Dish",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/gastronomy-expert-kitchen-preparing-dishes-with-fresh-ingredients_482257-127694.jpg",
imageAlt: "Atmosphere",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/fish-with-onion_1157-23.jpg",
imageAlt: "Appetizers",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/profiteroles-chocolate-sauce-inside-white-plate_114579-2410.jpg",
imageAlt: "Dining Area",
},
]}
buttons={[
{
text: "Reserve a Table",
href: "#contact",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/wedding-table-number-decoration_23-2149433859.jpg",
alt: "Guest 1",
},
{
src: "http://img.b2bpic.net/free-photo/plate-set-with-fork-spoon-knife_140725-1835.jpg",
alt: "Guest 2",
},
{
src: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157778.jpg",
alt: "Guest 3",
},
{
src: "http://img.b2bpic.net/free-photo/top-view-table-assortment-with-plant_23-2148914894.jpg",
alt: "Guest 4",
},
{
src: "http://img.b2bpic.net/free-photo/salmon-steak_74190-1398.jpg",
alt: "Guest 5",
},
]}
avatarText="Loved by over 10,000 diners"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/sandwich-with-salmon-vegetables-plate_140725-839.jpg",
alt: "Partner 1",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/seafood-side-dishes-with-platter-shrimp-squids-fish_140725-2576.jpg",
alt: "Partner 2",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/grilled-salmon-steak_1203-9216.jpg",
alt: "Partner 3",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/close-up-restaurant-table-with-pink-velvet-chairs-grey-painted-hall-with-classic-paintings_140725-8705.jpg",
alt: "Partner 4",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/empty-dining-table-restaurant_53876-64723.jpg",
alt: "Partner 5",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "plain" }}
title="Experience Coastal Excellence"
description="At Homarus, we serve the finest, sustainably sourced seafood in an atmosphere of refined elegance. Join us for a culinary journey inspired by the ocean's bounty."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-wedding-table-arrangement_23-2150279480.jpg", imageAlt: "Luxurious Interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/mussels-cream-sauce-served-with-green-salad_140725-5873.jpg", imageAlt: "Gourmet Platter" },
{ imageSrc: "http://img.b2bpic.net/free-photo/comfortable-dining-room-with-modern-rustic-elegance-generated-by-ai_188544-21418.jpg", imageAlt: "Dining Area" },
{ imageSrc: "http://img.b2bpic.net/free-photo/seafood-mussels-salad-with-galetta-white-plate_114579-2359.jpg", imageAlt: "Appetizers" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-bowls-with-tomatoes-clams_23-2148643601.jpg", imageAlt: "Atmosphere" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081455.jpg", imageAlt: "Signature Dish" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-sweet-sliced-pomegranates_140725-84718.jpg", imageAlt: "Signature Dish" },
{ imageSrc: "http://img.b2bpic.net/free-photo/gastronomy-expert-kitchen-preparing-dishes-with-fresh-ingredients_482257-127694.jpg", imageAlt: "Atmosphere" },
{ imageSrc: "http://img.b2bpic.net/free-photo/fish-with-onion_1157-23.jpg", imageAlt: "Appetizers" },
{ imageSrc: "http://img.b2bpic.net/free-photo/profiteroles-chocolate-sauce-inside-white-plate_114579-2410.jpg", imageAlt: "Dining Area" }
]}
buttons={[{ text: "Reserve a Table", href: "#contact" }]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{
type: "text",
content: "The Homarus ",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/female-chef-with-apron-tray-fruit_23-2148763165.jpg",
alt: "Fresh Catch",
},
{
type: "text",
content: " Legacy",
},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={true}
heading={[
{ type: "text", content: "The Homarus " },
{ type: "image", src: "http://img.b2bpic.net/free-photo/female-chef-with-apron-tray-fruit_23-2148763165.jpg", alt: "Fresh Catch" },
{ type: "text", content: " Legacy" }
]}
/>
</div>
<div id="menu" data-section="menu">
<FeatureCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
negativeCard={{
items: [
"Wild-Caught Atlantic Lobster",
"Sustainable Pan-Seared Scallops",
"Hand-Crafted Seasonal Sides",
],
}}
positiveCard={{
items: [
"Signature Lobster Bisque",
"Fresh Catch of the Day",
"Exclusive Wine Pairing Options",
],
}}
title="Fresh & Seasonal Menu"
description="Our culinary team prepares daily specials based on the freshest local catches."
/>
</div>
<div id="menu" data-section="menu">
<FeatureCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
negativeCard={{ items: ["Wild-Caught Atlantic Lobster", "Sustainable Pan-Seared Scallops", "Hand-Crafted Seasonal Sides"] }}
positiveCard={{ items: ["Signature Lobster Bisque", "Fresh Catch of the Day", "Exclusive Wine Pairing Options"] }}
title="Fresh & Seasonal Menu"
description="Our culinary team prepares daily specials based on the freshest local catches."
/>
</div>
<div id="specialties" data-section="specialties">
<ProductCardTwo
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "Signature",
name: "Butter Poached Lobster",
price: "$65.00",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-boiled-egg-with-ketchup-mustard-inside-plate-pink-wall_140725-46919.jpg",
},
{
id: "p2",
brand: "Classic",
name: "Seared Scallops",
price: "$42.00",
rating: 5,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-chef-holding-uncooked-crayfish-isolated_273609-48033.jpg",
},
{
id: "p3",
brand: "Seasonal",
name: "Catch of the Day",
price: "$48.00",
rating: 5,
reviewCount: "88",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-seafood-meal_23-2151713199.jpg",
},
{
id: "p4",
brand: "Chef",
name: "Lobster Bisque",
price: "$18.00",
rating: 5,
reviewCount: "210",
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-preparing-dish_23-2148763223.jpg",
},
{
id: "p5",
brand: "Signature",
name: "Truffle Pasta",
price: "$38.00",
rating: 4,
reviewCount: "75",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157781.jpg",
},
]}
title="Chef's Signature Dishes"
description="Explore our chef's curated specialties designed to delight your palate."
/>
</div>
<div id="specialties" data-section="specialties">
<ProductCardTwo
textboxLayout="default"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
useInvertedBackground={true}
products={[
{ id: "p1", brand: "Signature", name: "Butter Poached Lobster", price: "$65.00", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-boiled-egg-with-ketchup-mustard-inside-plate-pink-wall_140725-46919.jpg" },
{ id: "p2", brand: "Classic", name: "Seared Scallops", price: "$42.00", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-chef-holding-uncooked-crayfish-isolated_273609-48033.jpg" },
{ id: "p3", brand: "Seasonal", name: "Catch of the Day", price: "$48.00", rating: 5, reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/delicious-seafood-meal_23-2151713199.jpg" }
]}
title="Chef's Signature Dishes"
description="Explore our chef's curated specialties designed to delight your palate."
/>
</div>
<div id="dining" data-section="dining">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "15+",
title: "Years of Tradition",
items: [
"Established fine dining",
"Family owned excellence",
],
},
{
id: "m2",
value: "200+",
title: "Daily Guests",
items: [
"Serving fine seafood",
"Satisfied diners daily",
],
},
{
id: "m3",
value: "5/5",
title: "Guest Rating",
items: [
"Top-rated atmosphere",
"Unmatched service standards",
],
},
]}
title="The Dining Experience"
description="Excellence in every detail, from sourcing to service."
/>
</div>
<div id="dining" data-section="dining">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "15+", title: "Years of Tradition", items: ["Established fine dining", "Family owned excellence"] },
{ id: "m2", value: "200+", title: "Daily Guests", items: ["Serving fine seafood", "Satisfied diners daily"] },
{ id: "m3", value: "5/5", title: "Guest Rating", items: ["Top-rated atmosphere", "Unmatched service standards"] }
]}
title="The Dining Experience"
description="Excellence in every detail, from sourcing to service."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Miller",
role: "Food Critic",
company: "Fine Dining Weekly",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-enjoying-new-year-party_23-2149173295.jpg",
},
{
id: "2",
name: "James Anderson",
role: "Patron",
company: "Local Regular",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-pretty-waitress_1098-15705.jpg",
},
{
id: "3",
name: "Elena Rodriguez",
role: "Patron",
company: "Visitor",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
},
{
id: "4",
name: "Mark Stevens",
role: "Foodie",
company: "Urban Eats",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg",
},
{
id: "5",
name: "Linda Chen",
role: "Patron",
company: "Local Regular",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517418.jpg",
},
]}
kpiItems={[
{
value: "99%",
label: "Customer Satisfaction",
},
{
value: "4.9",
label: "Google Rating",
},
{
value: "12k",
label: "Happy Diners",
},
]}
title="Voices of Homarus"
description="Hear what our guests say about their dining experience."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Sarah Miller", role: "Food Critic", company: "Fine Dining Weekly", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-enjoying-new-year-party_23-2149173295.jpg" },
{ id: "2", name: "James Anderson", role: "Patron", company: "Local Regular", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-pretty-waitress_1098-15705.jpg" },
{ id: "3", name: "Elena Rodriguez", role: "Patron", company: "Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg" }
]}
kpiItems={[
{ value: "99%", label: "Customer Satisfaction" },
{ value: "4.9", label: "Google Rating" },
{ value: "12k", label: "Happy Diners" }
]}
title="Voices of Homarus"
description="Hear what our guests say about their dining experience."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do I need a reservation?",
content: "Yes, reservations are highly recommended, especially for weekend dining.",
},
{
id: "f2",
title: "Is there a dress code?",
content: "We maintain a business casual dress code to ensure a refined dining atmosphere.",
},
{
id: "f3",
title: "Do you accommodate allergies?",
content: "Our chefs are well-trained to accommodate dietary restrictions and food allergies.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-15896.jpg"
mediaAnimation="slide-up"
title="Frequently Asked Questions"
description="Everything you need to know about your next visit."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Do I need a reservation?", content: "Yes, reservations are highly recommended, especially for weekend dining." },
{ id: "f2", title: "Is there a dress code?", content: "We maintain a business casual dress code to ensure a refined dining atmosphere." },
{ id: "f3", title: "Do you accommodate allergies?", content: "Our chefs are well-trained to accommodate dietary restrictions and food allergies." }
]}
imageSrc="http://img.b2bpic.net/free-photo/restaurant-chilling-out-classy-lifestyle-reserved-concept_53876-15896.jpg"
mediaAnimation="slide-up"
faqsAnimation="slide-up"
title="Frequently Asked Questions"
description="Everything you need to know about your next visit."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Visit Us"
title="Book Your Table"
description="Ready to experience Homarus? Reserve your table for an unforgettable evening."
imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683411.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{ variant: "plain" }}
tag="Visit Us"
title="Book Your Table"
description="Ready to experience Homarus? Reserve your table for an unforgettable evening."
imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683411.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Homarus"
columns={[
{
title: "Navigate",
items: [
{
label: "Home",
href: "#hero",
},
{
label: "Menu",
href: "#menu",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Homarus"
columns={[
{ title: "Navigate", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }, { label: "Contact", href: "#contact" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}