Merge version_1 into main #1
449
src/app/page.tsx
449
src/app/page.tsx
@@ -29,325 +29,154 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Lobster Seafood Grills"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Experience", id: "experience" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Lobster Seafood Grills"
|
||||
button={{ text: "Book Table", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Fresh from the Ocean. Perfected on the Grill."
|
||||
description="Experience the sensory journey of Dibba's finest seafood, transformed from the depths of the ocean to the intensity of our open flames."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Reserve Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-arrangement-with-shells-lemons_23-2148308066.jpg"
|
||||
imageAlt="Fresh seafood grilled to perfection"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-meat-slice-with-greens-grey-background_140725-140348.jpg",
|
||||
alt: "Fresh seafood customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-fresh-fish-slices-with-lemon-slices-dark-table_140725-142149.jpg",
|
||||
alt: "Happy diner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-chef-with-gloves-cutting-raw-fish-pepper-grinder-pomegranate-seeds-bowl-table_179666-46864.jpg",
|
||||
alt: "Seafood enthusiast",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-fresh-sliced-fish-with-onion-rings-lemon-dark-meal-meat-seafood-snack-color-photo-free-place_140725-92955.jpg",
|
||||
alt: "Coastal visitor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-lobster-gourmet-seafood_23-2151713043.jpg",
|
||||
alt: "Gourmet food lover",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 10k+ satisfied seafood lovers"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Fresh from the Ocean. Perfected on the Grill."
|
||||
description="Experience the sensory journey of Dibba's finest seafood, transformed from the depths of the ocean to the intensity of our open flames."
|
||||
buttons={[{ text: "View Menu", href: "#menu" }, { text: "Reserve Table", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-arrangement-with-shells-lemons_23-2148308066.jpg"
|
||||
imageAlt="Fresh seafood grilled to perfection"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-meat-slice-with-greens-grey-background_140725-140348.jpg", alt: "Fresh seafood customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-fresh-fish-slices-with-lemon-slices-dark-table_140725-142149.jpg", alt: "Happy diner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-chef-with-gloves-cutting-raw-fish-pepper-grinder-pomegranate-seeds-bowl-table_179666-46864.jpg", alt: "Seafood enthusiast" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-fresh-sliced-fish-with-onion-rings-lemon-dark-meal-meat-seafood-snack-color-photo-free-place_140725-92955.jpg", alt: "Coastal visitor" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/delicious-lobster-gourmet-seafood_23-2151713043.jpg", alt: "Gourmet food lover" },
|
||||
]}
|
||||
avatarText="Join 10k+ satisfied seafood lovers"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Ocean Authenticity in Dibba"
|
||||
description="Born in the coastal beauty of Dibba Al-Fujairah, we bring you fresh, locally sourced seafood prepared with traditional passion and modern culinary flair."
|
||||
metrics={[
|
||||
{
|
||||
value: "4.8★",
|
||||
title: "Customer Rating",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Freshness",
|
||||
},
|
||||
{
|
||||
value: "20+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-shrimp-plate-with-ice-cubes_23-2148643588.jpg"
|
||||
imageAlt="Lobster and seafood freshness"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Ocean Authenticity in Dibba"
|
||||
description="Born in the coastal beauty of Dibba Al-Fujairah, we bring you fresh, locally sourced seafood prepared with traditional passion and modern culinary flair."
|
||||
metrics={[
|
||||
{ value: "4.8★", title: "Customer Rating" },
|
||||
{ value: "100%", title: "Freshness" },
|
||||
{ value: "20+", title: "Years Experience" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-shrimp-plate-with-ice-cubes_23-2148643588.jpg"
|
||||
imageAlt="Lobster and seafood freshness"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Seafood Soup",
|
||||
price: "AED 45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-pasta-carbonara-with-mushrooms-blue-wooden-bench_181624-44294.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Fried Squid",
|
||||
price: "AED 55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seafood-plate-with-shrimps-mussels-lobsters-served-with-lemon-glass-beer_140725-8799.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Sea Bream Grill",
|
||||
price: "AED 85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-azerbaijani-pilaf-with-roasted-chicken-lyavangi-roasted-dried-fruits_140725-10216.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Pomegranate Salad",
|
||||
price: "AED 35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-fish-with-lemons-greens-brown-desk_140725-91012.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Signature Mandi",
|
||||
price: "AED 95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-crispy-golden-fried-calamari-rings-with-tomato-sauce-lime-wedge-black-plate_9975-124489.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Grilled Lobster",
|
||||
price: "AED 180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chef-with-black-gloves-holding-raw-fish-wood-board-pepper-grinder-pomegranate-seeds-bowl-table-free-space_179666-46863.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Seafood Selections"
|
||||
description="Explore our curated selection of Dibba's finest catches, flame-grilled to elevate their natural, oceanic essence."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Seafood Soup", price: "AED 45", imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-pasta-carbonara-with-mushrooms-blue-wooden-bench_181624-44294.jpg" },
|
||||
{ id: "p2", name: "Fried Squid", price: "AED 55", imageSrc: "http://img.b2bpic.net/free-photo/seafood-plate-with-shrimps-mussels-lobsters-served-with-lemon-glass-beer_140725-8799.jpg" },
|
||||
{ id: "p3", name: "Sea Bream Grill", price: "AED 85", imageSrc: "http://img.b2bpic.net/free-photo/side-view-azerbaijani-pilaf-with-roasted-chicken-lyavangi-roasted-dried-fruits_140725-10216.jpg" },
|
||||
{ id: "p4", name: "Pomegranate Salad", price: "AED 35", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-fish-with-lemons-greens-brown-desk_140725-91012.jpg" },
|
||||
{ id: "p5", name: "Signature Mandi", price: "AED 95", imageSrc: "http://img.b2bpic.net/free-photo/closeup-crispy-golden-fried-calamari-rings-with-tomato-sauce-lime-wedge-black-plate_9975-124489.jpg" },
|
||||
{ id: "p6", name: "Grilled Lobster", price: "AED 180", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chef-with-black-gloves-holding-raw-fish-wood-board-pepper-grinder-pomegranate-seeds-bowl-table-free-space_179666-46863.jpg" },
|
||||
]}
|
||||
title="Signature Seafood Selections"
|
||||
description="Explore our curated selection of Dibba's finest catches, flame-grilled to elevate their natural, oceanic essence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureBorderGlow
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Waves,
|
||||
title: "Coastal Dining",
|
||||
description: "Atmosphere inspired by Dibba's serene waters.",
|
||||
},
|
||||
{
|
||||
icon: Flame,
|
||||
title: "Open Flame Grill",
|
||||
description: "Authentic smoky flavor in every bite.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Freshness Guaranteed",
|
||||
description: "Caught daily, served instantly.",
|
||||
},
|
||||
]}
|
||||
title="The Lobster Experience"
|
||||
description="More than just a meal, it's a sensory immersion from the moment you step through our doors."
|
||||
/>
|
||||
</div>
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureBorderGlow
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{ icon: Waves, title: "Coastal Dining", description: "Atmosphere inspired by Dibba's serene waters." },
|
||||
{ icon: Flame, title: "Open Flame Grill", description: "Authentic smoky flavor in every bite." },
|
||||
{ icon: Award, title: "Freshness Guaranteed", description: "Caught daily, served instantly." },
|
||||
]}
|
||||
title="The Lobster Experience"
|
||||
description="More than just a meal, it's a sensory immersion from the moment you step through our doors."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ahmed Salem",
|
||||
role: "Foodie",
|
||||
company: "Dibba Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149215762.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Miller",
|
||||
role: "Traveler",
|
||||
company: "Fujairah Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-toasting-beach_53876-13600.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Khalid Ali",
|
||||
role: "Chef",
|
||||
company: "Global Taste",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-little-cake-with-cream-fresh-sliced-fruits-along-with-cinnamon-tea-grey-blue-desk-cake-biscuit-tea_140725-22579.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Fatima Noor",
|
||||
role: "Critic",
|
||||
company: "Food Review",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-pretty-waitress_1098-15705.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Omar Hassan",
|
||||
role: "Local",
|
||||
company: "Dibba City",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-taking-off-mask-new-normal_53876-129946.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Happy Guests",
|
||||
},
|
||||
{
|
||||
value: "4.8",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Daily Catch",
|
||||
},
|
||||
]}
|
||||
title="Waves of Love"
|
||||
description="Hear what our guests in Fujairah have to say about their dining experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Ahmed Salem", role: "Foodie", company: "Dibba Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149215762.jpg" },
|
||||
{ id: "t2", name: "Sarah Miller", role: "Traveler", company: "Fujairah Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-toasting-beach_53876-13600.jpg" },
|
||||
{ id: "t3", name: "Khalid Ali", role: "Chef", company: "Global Taste", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-little-cake-with-cream-fresh-sliced-fruits-along-with-cinnamon-tea-grey-blue-desk-cake-biscuit-tea_140725-22579.jpg" },
|
||||
{ id: "t4", name: "Fatima Noor", role: "Critic", company: "Food Review", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-pretty-waitress_1098-15705.jpg" },
|
||||
{ id: "t5", name: "Omar Hassan", role: "Local", company: "Dibba City", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-taking-off-mask-new-normal_53876-129946.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "10k+", label: "Happy Guests" },
|
||||
{ value: "4.8", label: "Avg Rating" },
|
||||
{ value: "500+", label: "Daily Catch" },
|
||||
]}
|
||||
title="Waves of Love"
|
||||
description="Hear what our guests in Fujairah have to say about their dining experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"FoodieHub",
|
||||
"Coastal Daily",
|
||||
"Fujairah Eats",
|
||||
"Seafood Weekly",
|
||||
"Dibba Times",
|
||||
"Culinary Excellence",
|
||||
"Taste of UAE",
|
||||
]}
|
||||
title="Trusted by the Coast"
|
||||
description="Recognized for our dedication to culinary excellence in Dibba Al-Fujairah."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={["FoodieHub", "Coastal Daily", "Fujairah Eats", "Seafood Weekly", "Dibba Times", "Culinary Excellence", "Taste of UAE"]}
|
||||
title="Trusted by the Coast"
|
||||
description="Recognized for our dedication to culinary excellence in Dibba Al-Fujairah."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you deliver?",
|
||||
content: "Yes, we offer premium no-contact delivery across Dibba and nearby areas.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I reserve a table?",
|
||||
content: "We highly recommend reservations for our seaside dining area, especially on weekends.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is the seafood fresh?",
|
||||
content: "Absolutely. We pride ourselves on sourcing the freshest local catch every single day.",
|
||||
},
|
||||
]}
|
||||
title="Ocean Culinary Queries"
|
||||
description="Got questions about our grilling process or menu? We're here to help."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you deliver?", content: "Yes, we offer premium no-contact delivery across Dibba and nearby areas." },
|
||||
{ id: "f2", title: "Can I reserve a table?", content: "We highly recommend reservations for our seaside dining area, especially on weekends." },
|
||||
{ id: "f3", title: "Is the seafood fresh?", content: "Absolutely. We pride ourselves on sourcing the freshest local catch every single day." },
|
||||
]}
|
||||
title="Ocean Culinary Queries"
|
||||
description="Got questions about our grilling process or menu? We're here to help."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Ready to taste the ocean? Book your table or place an order today."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Now",
|
||||
href: "https://wa.me/971500000000",
|
||||
},
|
||||
{
|
||||
text: "Reserve Table",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to taste the ocean? Book your table or place an order today."
|
||||
buttons={[{ text: "WhatsApp Now", href: "https://wa.me/971500000000" }, { text: "Reserve Table", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Lobster Seafood Grills"
|
||||
copyrightText="© 2025 Lobster Seafood Grills. Dibba Al-Fujairah."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Lobster Seafood Grills"
|
||||
copyrightText="© 2025 Lobster Seafood Grills. Dibba Al-Fujairah."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user