Merge version_1 into main #1
310
src/app/page.tsx
310
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { CheckCircle } from "lucide-react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -18,27 +19,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
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">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Aljawad Dining"
|
||||
/>
|
||||
@@ -47,78 +43,18 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Experience Authentic Flavors at Aljawad Dining"
|
||||
description="Where tradition meets modern culinary excellence. Join us for an unforgettable dining experience crafted with passion."
|
||||
kpis={[
|
||||
{
|
||||
value: "10+",
|
||||
label: "Years Served",
|
||||
},
|
||||
{
|
||||
value: "5000+",
|
||||
label: "Happy Guests",
|
||||
},
|
||||
{
|
||||
value: "4.8★",
|
||||
label: "Rating",
|
||||
},
|
||||
{ value: "10+", label: "Years Served" },
|
||||
{ value: "5000+", label: "Happy Guests" },
|
||||
{ value: "4.8★", label: "Rating" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Reserve Now", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629583.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cocktail-wooden-table-restaurant_23-2147936121.jpg",
|
||||
alt: "Cocktail on wooden table",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263526.jpg",
|
||||
alt: "Wooden decor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-arranging-dishware-table-restaurant_23-2147936226.jpg",
|
||||
alt: "Woman arranging dishware",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/served-table-restaurant_93675-129573.jpg",
|
||||
alt: "Served restaurant table",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg",
|
||||
alt: "Friends chatting",
|
||||
},
|
||||
]}
|
||||
avatarText="Join our culinary family"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Cuisine",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gourmet Experience",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Warm Atmosphere",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tradition Preserved",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -127,9 +63,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Culinary Excellence"
|
||||
description={[
|
||||
"Aljawad Dining is committed to bringing authentic, high-quality cuisine to our community. Our chefs combine traditional recipes with fresh, locally sourced ingredients to create dishes that delight the senses.",
|
||||
"We provide a warm and welcoming environment for families, friends, and food enthusiasts alike.",
|
||||
]}
|
||||
"Aljawad Dining is committed to bringing authentic, high-quality cuisine to our community. Our chefs combine traditional recipes with fresh, locally sourced ingredients to create dishes that delight the senses.", "We provide a warm and welcoming environment for families, friends, and food enthusiasts alike."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -138,30 +72,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fresh Ingredients",
|
||||
description: "We source only the finest fresh produce for our daily recipes.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-little-pie-with-coconut-candies-cup-tea-dark-background-candy-biscuit-cake-pie-cookie-sweet_140725-117809.jpg",
|
||||
},
|
||||
{
|
||||
title: "Cozy Atmosphere",
|
||||
description: "Relax in our warm, elegantly designed dining environment.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg",
|
||||
},
|
||||
{
|
||||
title: "Exceptional Service",
|
||||
description: "Our friendly staff ensures a memorable experience every visit.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-catering-food_23-2148482444.jpg",
|
||||
},
|
||||
{
|
||||
title: "Culinary Artistry",
|
||||
description: "Exquisite plating and balanced flavors define our cuisine.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cheesecake-with-strawberry-chocolate-plate-bowls_140725-105618.jpg",
|
||||
},
|
||||
{ title: "Fresh Ingredients", description: "We source only the finest fresh produce for our daily recipes.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-little-pie-with-coconut-candies-cup-tea-dark-background-candy-biscuit-cake-pie-cookie-sweet_140725-117809.jpg" },
|
||||
{ title: "Cozy Atmosphere", description: "Relax in our warm, elegantly designed dining environment.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/wicker-gray-table-with-glass-gray-chairs_140725-3025.jpg" },
|
||||
{ title: "Exceptional Service", description: "Our friendly staff ensures a memorable experience every visit.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-catering-food_23-2148482444.jpg" },
|
||||
{ title: "Culinary Artistry", description: "Exquisite plating and balanced flavors define our cuisine.", buttonIcon: CheckCircle, imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-cheesecake-with-strawberry-chocolate-plate-bowls_140725-105618.jpg" },
|
||||
]}
|
||||
title="Why Choose Aljawad Dining"
|
||||
description="Excellence in every bite and hospitality that feels like home."
|
||||
@@ -175,60 +89,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Main",
|
||||
name: "Grilled Meat Platter",
|
||||
price: "$25",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-kebab-mix-wooden-platter-fresh-herbs_140725-12386.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Appetizer",
|
||||
name: "Fresh Garden Salad",
|
||||
price: "$12",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foie-gras-with-vegetable-salad_1203-9263.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Dessert",
|
||||
name: "Traditional Pastry",
|
||||
price: "$8",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pies-with-red-berries-dark-table-cake-sweet-pastry-pie_140725-73330.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Beverage",
|
||||
name: "Fresh Lemonade",
|
||||
price: "$6",
|
||||
rating: 4,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/strawberry-basil-lemonade-table_140725-5478.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Starter",
|
||||
name: "Hearty Soup Bowl",
|
||||
price: "$10",
|
||||
rating: 4,
|
||||
reviewCount: "60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/garlic-soup-topped-with-croutons-black-bowl-wooden-table_123827-20702.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Main",
|
||||
name: "Steak Special",
|
||||
price: "$30",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-with-cranberry-top-view_140725-933.jpg",
|
||||
},
|
||||
{ id: "1", brand: "Main", name: "Grilled Meat Platter", price: "$25", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-kebab-mix-wooden-platter-fresh-herbs_140725-12386.jpg" },
|
||||
{ id: "2", brand: "Appetizer", name: "Fresh Garden Salad", price: "$12", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/foie-gras-with-vegetable-salad_1203-9263.jpg" },
|
||||
{ id: "3", brand: "Dessert", name: "Traditional Pastry", price: "$8", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pies-with-red-berries-dark-table-cake-sweet-pastry-pie_140725-73330.jpg" },
|
||||
{ id: "4", brand: "Beverage", name: "Fresh Lemonade", price: "$6", rating: 4, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/strawberry-basil-lemonade-table_140725-5478.jpg" },
|
||||
{ id: "5", brand: "Starter", name: "Hearty Soup Bowl", price: "$10", rating: 4, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/garlic-soup-topped-with-croutons-black-bowl-wooden-table_123827-20702.jpg" },
|
||||
{ id: "6", brand: "Main", name: "Steak Special", price: "$30", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/chicken-with-cranberry-top-view_140725-933.jpg" },
|
||||
]}
|
||||
title="Signature Selections"
|
||||
description="Explore our curated selection of signature dishes."
|
||||
@@ -237,50 +103,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Ahmed",
|
||||
role: "Food Critic",
|
||||
company: "Local Foodie",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-happy-cheerful-girl-friends-business-partners-having-fun-lunch-seafood-restaurant_496169-2077.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Regular",
|
||||
company: "Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laughing-couple-sitting-with-tablets-cafe_23-2147826802.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Laila B.",
|
||||
role: "Visitor",
|
||||
company: "Guest",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Omar K.",
|
||||
role: "Local",
|
||||
company: "Neighbor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663853.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena R.",
|
||||
role: "Traveler",
|
||||
company: "Tourist",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-being-asked-marry-her-boyfriend_23-2148435795.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Ahmed", role: "Food Critic", company: "Local Foodie", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-happy-cheerful-girl-friends-business-partners-having-fun-lunch-seafood-restaurant_496169-2077.jpg" },
|
||||
{ id: "2", name: "Mark D.", role: "Regular", company: "Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/laughing-couple-sitting-with-tablets-cafe_23-2147826802.jpg" },
|
||||
{ id: "3", name: "Laila B.", role: "Visitor", company: "Guest", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/he-is-satisfied-from-his-life_329181-2789.jpg" },
|
||||
{ id: "4", name: "Omar K.", role: "Local", company: "Neighbor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663853.jpg" },
|
||||
{ id: "5", name: "Elena R.", role: "Traveler", company: "Tourist", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-being-asked-marry-her-boyfriend_23-2148435795.jpg" },
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Authentic feedback from our cherished community."
|
||||
@@ -289,30 +121,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What are your opening hours?",
|
||||
content: "We are open daily from 11:00 AM to 11:00 PM.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer reservations?",
|
||||
content: "Yes, we highly recommend making a reservation, especially on weekends.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Where is the restaurant located?",
|
||||
content: "We are located at a central site in Lebanon. See our map link.",
|
||||
},
|
||||
{ id: "1", title: "What are your opening hours?", content: "We are open daily from 11:00 AM to 11:00 PM." },
|
||||
{ id: "2", title: "Do you offer reservations?", content: "Yes, we highly recommend making a reservation, especially on weekends." },
|
||||
{ id: "3", title: "Where is the restaurant located?", content: "We are located at a central site in Lebanon. See our map link." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Information about our hours, location, and services."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934694.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -322,58 +140,20 @@ export default function LandingPage() {
|
||||
title="Book Your Table"
|
||||
description="Contact us at +961 3 456 854 to make a reservation."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Reservation details (Number of guests, date, time)",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blackboard-flowerbed_23-2147714967.jpg"
|
||||
textarea={{ name: "message", placeholder: "Reservation details (Number of guests, date, time)", rows: 4, required: true }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Aljawad Dining"
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }] },
|
||||
{ items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user