Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
447
src/app/page.tsx
447
src/app/page.tsx
@@ -16,320 +16,161 @@ import TextAbout from '@/components/sections/about/TextAbout';
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Lobster Seafood Grills"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Lobster Seafood Grills"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Fresh. Flavorful. Worth Every Bite."
|
||||
description="Experience the finest seafood grill in Dibba Al-Fujairah, UAE. Fresh, locally sourced, and perfectly grilled just for you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/europe-food-dinning-set-well-prepare-contain-with-maine-lobster-caesar-salad-chicken-wing-baked-spinach-pumpkin-soup_1258-202.jpg",
|
||||
imageAlt: "fresh grilled lobster platter",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/appetizers-with-spicy-sardine-mixed-with-herbs_1150-20288.jpg",
|
||||
imageAlt: "grilled prawns lemon herb",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/onion-rings-served-with-lettuce-sauce_141793-1228.jpg",
|
||||
imageAlt: "grilled sea bream lemon",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "plain" }}
|
||||
title="Fresh. Flavorful. Worth Every Bite."
|
||||
description="Experience the finest seafood grill in Dibba Al-Fujairah, UAE. Fresh, locally sourced, and perfectly grilled just for you."
|
||||
buttons={[
|
||||
{ text: "Order Online", href: "#contact" },
|
||||
{ text: "Visit Us", href: "#contact" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/europe-food-dinning-set-well-prepare-contain-with-maine-lobster-caesar-salad-chicken-wing-baked-spinach-pumpkin-soup_1258-202.jpg", imageAlt: "fresh grilled lobster platter" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/appetizers-with-spicy-sardine-mixed-with-herbs_1150-20288.jpg", imageAlt: "grilled prawns lemon herb" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/onion-rings-served-with-lettuce-sauce_141793-1228.jpg", imageAlt: "grilled sea bream lemon" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Story: Quality in Every Catch"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Story: Quality in Every Catch"
|
||||
buttons={[{ text: "Learn More" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Grilled Lobster",
|
||||
price: "AED 45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-cooked-ready-be-eaten-crawfish_23-2150426237.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Garlic Prawns",
|
||||
price: "AED 35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shrimp-sauteed-garlic-soy-caramel_2829-13783.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Fried Squid",
|
||||
price: "AED 25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-calamari-rings_123827-36413.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Sea Bream",
|
||||
price: "AED 40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fish-with-salt-spices_23-2148643659.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Seafood Soup",
|
||||
price: "AED 15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/noodles-soup-tomato-sauce-with-herbs_114579-3180.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Crab Special",
|
||||
price: "AED 38",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cooked-sea-food_23-2149409235.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="Indulge in our carefully crafted seafood delicacies."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Grilled Lobster", price: "AED 45", imageSrc: "http://img.b2bpic.net/free-photo/view-cooked-ready-be-eaten-crawfish_23-2150426237.jpg" },
|
||||
{ id: "p2", name: "Garlic Prawns", price: "AED 35", imageSrc: "http://img.b2bpic.net/free-photo/shrimp-sauteed-garlic-soy-caramel_2829-13783.jpg" },
|
||||
{ id: "p3", name: "Fried Squid", price: "AED 25", imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-calamari-rings_123827-36413.jpg" },
|
||||
{ id: "p4", name: "Sea Bream", price: "AED 40", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fish-with-salt-spices_23-2148643659.jpg" },
|
||||
{ id: "p5", name: "Seafood Soup", price: "AED 15", imageSrc: "http://img.b2bpic.net/free-photo/noodles-soup-tomato-sauce-with-herbs_114579-3180.jpg" },
|
||||
{ id: "p6", name: "Crab Special", price: "AED 38", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cooked-sea-food_23-2149409235.jpg" }
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="Indulge in our carefully crafted seafood delicacies."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Dine-In",
|
||||
description: "Relax in our welcoming interior.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3440.jpg",
|
||||
},
|
||||
{
|
||||
title: "Drive-Through",
|
||||
description: "Quick service for food on the go.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-meat-piece-with-vegetables-wooden-board_114579-14607.jpg",
|
||||
},
|
||||
{
|
||||
title: "Delivery",
|
||||
description: "No-contact doorstep delivery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-lobster-gourmet-seafood_23-2151713055.jpg",
|
||||
},
|
||||
]}
|
||||
title="Your Experience, Your Way"
|
||||
description="Choose how you want to enjoy our fresh seafood."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Dine-In", description: "Relax in our welcoming interior.", imageSrc: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3440.jpg" },
|
||||
{ title: "Drive-Through", description: "Quick service for food on the go.", imageSrc: "http://img.b2bpic.net/free-photo/raw-meat-piece-with-vegetables-wooden-board_114579-14607.jpg" },
|
||||
{ title: "Delivery", description: "No-contact doorstep delivery.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-lobster-gourmet-seafood_23-2151713055.jpg" }
|
||||
]}
|
||||
title="Your Experience, Your Way"
|
||||
description="Choose how you want to enjoy our fresh seafood."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Foodie",
|
||||
testimonial: "The freshness of the seafood is incredible. Highly recommended!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bakery-cake-casual-edible-sweets-yummy-concept_53876-23012.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael B.",
|
||||
role: "Regular",
|
||||
testimonial: "Always friendly staff and consistently flavorful dishes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girls-buys-buns-bakery_1157-24684.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Local",
|
||||
testimonial: "The pomegranate salad and mandi rice are must-tries!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-best-friends-enjoying-nice-conversation-lunch-modern-cafe-interior_273609-9010.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Visitor",
|
||||
testimonial: "Great affordable pricing for such premium taste.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269160.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Fatima A.",
|
||||
role: "Guest",
|
||||
testimonial: "Excellent service and cozy atmosphere. My favorite spot.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delightful-young-man-with-dark-skin-curly-hair-reads-funny-stories-aloud-tablet-computer-as-sits-opposite-wife-who-is-busy_273609-8938.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Hear directly from our community about their favorite seafood moments."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "Foodie", testimonial: "The freshness of the seafood is incredible. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/bakery-cake-casual-edible-sweets-yummy-concept_53876-23012.jpg" },
|
||||
{ id: "2", name: "Michael B.", role: "Regular", testimonial: "Always friendly staff and consistently flavorful dishes.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girls-buys-buns-bakery_1157-24684.jpg" },
|
||||
{ id: "3", name: "Emily R.", role: "Local", testimonial: "The pomegranate salad and mandi rice are must-tries!", imageSrc: "http://img.b2bpic.net/free-photo/three-best-friends-enjoying-nice-conversation-lunch-modern-cafe-interior_273609-9010.jpg" },
|
||||
{ id: "4", name: "David K.", role: "Visitor", testimonial: "Great affordable pricing for such premium taste.", imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269160.jpg" },
|
||||
{ id: "5", name: "Fatima A.", role: "Guest", testimonial: "Excellent service and cozy atmosphere. My favorite spot.", imageSrc: "http://img.b2bpic.net/free-photo/delightful-young-man-with-dark-skin-curly-hair-reads-funny-stories-aloud-tablet-computer-as-sits-opposite-wife-who-is-busy_273609-8938.jpg" }
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Hear directly from our community about their favorite seafood moments."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.8",
|
||||
title: "Star Rating",
|
||||
description: "Consistently high customer feedback.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-lobster-gourmet-seafood_23-2151713064.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Freshness",
|
||||
description: "Sourced daily for top quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shrimp-sauteed-garlic-soy-caramel_2829-13781.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1-50 AED",
|
||||
title: "Pricing",
|
||||
description: "Value that fits every budget.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spicy-vegan-salad-with-sticky-berry-grain-rice_1339-8202.jpg",
|
||||
},
|
||||
]}
|
||||
title="Peak Hours"
|
||||
description="Plan your visit during our prime dining hours."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "4.8", title: "Star Rating", description: "Consistently high customer feedback.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-lobster-gourmet-seafood_23-2151713064.jpg" },
|
||||
{ id: "m2", value: "100%", title: "Freshness", description: "Sourced daily for top quality.", imageSrc: "http://img.b2bpic.net/free-photo/shrimp-sauteed-garlic-soy-caramel_2829-13781.jpg" },
|
||||
{ id: "m3", value: "1-50 AED", title: "Pricing", description: "Value that fits every budget.", imageSrc: "http://img.b2bpic.net/free-photo/spicy-vegan-salad-with-sticky-berry-grain-rice_1339-8202.jpg" }
|
||||
]}
|
||||
title="Peak Hours"
|
||||
description="Plan your visit during our prime dining hours."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, we offer no-contact delivery.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where is the restaurant?",
|
||||
content: "We are located in Dibba Al-Fujairah, UAE.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What are your hours?",
|
||||
content: "Check our peak times graph for evening service hours.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
description="We are here to help with any queries you have."
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you offer delivery?", content: "Yes, we offer no-contact delivery." },
|
||||
{ id: "f2", title: "Where is the restaurant?", content: "We are located in Dibba Al-Fujairah, UAE." },
|
||||
{ id: "f3", title: "What are your hours?", content: "Check our peak times graph for evening service hours." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="We are here to help with any queries you have."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Visit Us or Order Online"
|
||||
description="We are ready to serve you fresh seafood at our Dibba Al-Fujairah location."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friends-eating-pizza-home-together_23-2150419411.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Visit Us or Order Online"
|
||||
description="We are ready to serve you fresh seafood at our Dibba Al-Fujairah location."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friends-eating-pizza-home-together_23-2150419411.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Lobster Seafood Grills"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Lobster Seafood Grills"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Our Menu", href: "#menu" }] },
|
||||
{ title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "WhatsApp", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user