Merge version_1 into main #2
292
src/app/page.tsx
292
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Clock, Flame, Sparkles, Users } from "lucide-react";
|
||||
import { Clock, Flame, Sparkles, Users, Baby } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Atmosphere",
|
||||
id: "atmosphere",
|
||||
},
|
||||
{
|
||||
name: "Reservations",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Atmosphere", id: "atmosphere" },
|
||||
{ name: "Reservations", id: "contact" },
|
||||
]}
|
||||
brandName="Royal Syrian Dining"
|
||||
/>
|
||||
@@ -55,43 +43,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="An Unforgettable Dining Experience Above the City"
|
||||
description="Indulge in authentic Syrian hospitality paired with breathtaking panoramic mountain and city views at our rooftop sanctuary."
|
||||
tag="Luxury Rooftop Dining"
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/1234567890",
|
||||
},
|
||||
{ text: "Reserve a Table", href: "#contact" },
|
||||
{ text: "WhatsApp Us", href: "https://wa.me/1234567890" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-fortune-teller-with-globe_23-2150006245.jpg?_wi=1",
|
||||
imageAlt: "Luxurious rooftop restaurant view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-turquoise-chairs-white-walls-french-windows-curtains_140725-8450.jpg",
|
||||
imageAlt: "Interior restaurant atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-pasta-italian-restaurant_1303-24360.jpg",
|
||||
imageAlt: "Dining ambiance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-cake-drink-table_23-2149434127.jpg",
|
||||
imageAlt: "Gourmet cake and drink",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-fried-fish-with-lettuce-tomatoes-onions-sauce-black-plate-glass-white-wine-small-round-table-overlooking-city_176474-2493.jpg",
|
||||
imageAlt: "Fine dining dish overlooking city",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-fortune-teller-with-globe_23-2150006245.jpg", imageAlt: "Luxurious rooftop restaurant view" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-turquoise-chairs-white-walls-french-windows-curtains_140725-8450.jpg", imageAlt: "Interior restaurant atmosphere" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -106,60 +68,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Food Blogger",
|
||||
company: "Local Eats",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Traveler",
|
||||
company: "Global Explorer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-kids-table_23-2149213368.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Local Resident",
|
||||
company: "Community Hub",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Business Owner",
|
||||
company: "City Startup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Amina Said",
|
||||
role: "Family Head",
|
||||
company: "Loyal Patron",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", role: "Food Blogger", company: "Local Eats", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "Traveler", company: "Global Explorer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-kids-table_23-2149213368.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Local Resident", company: "Community Hub", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Business Owner", company: "City Startup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg" },
|
||||
{ id: "5", name: "Amina Said", role: "Family Head", company: "Loyal Patron", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.1",
|
||||
label: "Google Rating",
|
||||
},
|
||||
{
|
||||
value: "200+",
|
||||
label: "Guest Reviews",
|
||||
},
|
||||
{
|
||||
value: "10+",
|
||||
label: "Years Hosting",
|
||||
},
|
||||
{ value: "4.1", label: "Google Rating" },
|
||||
{ value: "200+", label: "Guest Reviews" },
|
||||
{ value: "10+", label: "Years Hosting" },
|
||||
]}
|
||||
title="Loved by Locals"
|
||||
description="Discover why our guests choose us for their most memorable occasions."
|
||||
@@ -172,18 +90,9 @@ export default function LandingPage() {
|
||||
title="Syrian Soul, Royal Ambiance"
|
||||
description="Step into a historic palace-like atmosphere where every detail, from our authentic Syrian dishes to our cozy seating, is crafted to perfection."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Authentic Cuisine",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Premium Support",
|
||||
},
|
||||
{
|
||||
value: "Scenic",
|
||||
title: "Rooftop Views",
|
||||
},
|
||||
{ value: "100%", title: "Authentic Cuisine" },
|
||||
{ value: "24/7", title: "Premium Support" },
|
||||
{ value: "Scenic", title: "Rooftop Views" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/restaurant-hall-with-round-table-some-chairs-fireplace-plants_140725-8034.jpg"
|
||||
imageAlt="Restaurant dining interior"
|
||||
@@ -194,44 +103,12 @@ export default function LandingPage() {
|
||||
<ProductCardOne
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Royal Breakfast Platter",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rich-breakfast-table-with-variety-foods_114579-70051.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Authentic Kibbeh Nayyeh",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pilaf-with-meet-dried-fruits-chestnut-jug-round-plate_176474-3426.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Royal Grilled Kebab",
|
||||
price: "$32",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-levengi-table_140725-8213.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mushroom Cream Soup",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pumpkin-soup-with-shrimp-basket-bread_140725-5412.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Classic Cordon Bleu",
|
||||
price: "$22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roasted-with-crackers-chicken-breast-rolls-served-with-green-beans_114579-1862.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Syrian Dessert Tray",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cake-slices-with-nuts-inside-cake-pan-dark-background-sweet-tea-cake-sugar-cookie-pie-biscuit_140725-96190.jpg",
|
||||
},
|
||||
{ id: "1", name: "Royal Breakfast Platter", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/rich-breakfast-table-with-variety-foods_114579-70051.jpg" },
|
||||
{ id: "2", name: "Authentic Kibbeh Nayyeh", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pilaf-with-meet-dried-fruits-chestnut-jug-round-plate_176474-3426.jpg" },
|
||||
{ id: "3", name: "Royal Grilled Kebab", price: "$32", imageSrc: "http://img.b2bpic.net/free-photo/chicken-levengi-table_140725-8213.jpg" },
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Explore our curated selection of premium Syrian dishes, crafted for the true epicurean."
|
||||
@@ -242,15 +119,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"The City Foodie",
|
||||
"Local Heritage Trust",
|
||||
"Culinary Excellence",
|
||||
"Rooftop Venue Guild",
|
||||
"City Dining Council",
|
||||
"Syrian Culture Group",
|
||||
"Luxury Hospitality Award",
|
||||
]}
|
||||
names={["The City Foodie", "Local Heritage Trust", "Culinary Excellence", "Rooftop Venue Guild", "City Dining Council"]}
|
||||
title="Trusted by Local Foodies"
|
||||
description="Our culinary excellence is recognized by the most prestigious institutions in the region."
|
||||
/>
|
||||
@@ -263,54 +132,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Rooftop Dining",
|
||||
description: "Open-air scenic mountain views.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beach-chair-summer-sky-white_1203-5683.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rustic-chandelier-made-bulbs-ropes-dining-table-vintage-kitchen_181624-9173.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-azerbaijani-breakfast-with-egg-dish-pancakes-fresh-salad-jam-cheese-honey_140725-204.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-fortune-teller-with-globe_23-2150006245.jpg?_wi=2",
|
||||
imageAlt: "elegant restaurant rooftop city view",
|
||||
title: "Rooftop Dining", description: "Open-air scenic mountain views.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beach-chair-summer-sky-white_1203-5683.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/rustic-chandelier-made-bulbs-ropes-dining-table-vintage-kitchen_181624-9173.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/traditional-azerbaijani-breakfast-with-egg-dish-pancakes-fresh-salad-jam-cheese-honey_140725-204.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Cozy Indoor Winter",
|
||||
description: "Heated comfort during colder months.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Flame,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg?_wi=2",
|
||||
imageAlt: "elegant restaurant rooftop city view",
|
||||
title: "Cozy Indoor Winter", description: "Heated comfort during colder months.", bentoComponent: "reveal-icon", icon: Flame
|
||||
},
|
||||
{
|
||||
title: "Family Friendly",
|
||||
description: "Spacious seating for groups.",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
{
|
||||
icon: Users,
|
||||
label: "Group Seating",
|
||||
value: "Available",
|
||||
},
|
||||
{
|
||||
icon: Baby,
|
||||
label: "Kid Friendly",
|
||||
value: "Yes",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Open Daily",
|
||||
value: "10am-2am",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-kids-table_23-2149213368.jpg?_wi=2",
|
||||
imageAlt: "elegant restaurant rooftop city view",
|
||||
title: "Family Friendly", description: "Spacious seating for groups.", bentoComponent: "icon-info-cards", items: [
|
||||
{ icon: Users, label: "Group Seating", value: "Available" },
|
||||
{ icon: Baby, label: "Kid Friendly", value: "Yes" },
|
||||
{ icon: Clock, label: "Open Daily", value: "10am-2am" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Atmosphere for Every Occasion"
|
||||
@@ -320,24 +156,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you accept reservations?",
|
||||
content: "Yes, we highly recommend booking in advance, especially for rooftop tables.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is parking available?",
|
||||
content: "Valet parking is available for all our guests.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you have options for large groups?",
|
||||
content: "Absolutely, our dining space is designed to accommodate small and large groups comfortably.",
|
||||
},
|
||||
{ id: "f1", title: "Do you accept reservations?", content: "Yes, we highly recommend booking in advance, especially for rooftop tables." },
|
||||
{ id: "f2", title: "Is parking available?", content: "Valet parking is available for all our guests." },
|
||||
{ id: "f3", title: "Do you have options for large groups?", content: "Absolutely, our dining space is designed to accommodate small and large groups comfortably." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sitting-table-with-chairs-yellow-sofa-restaurant-with-panoramic-view_114579-1523.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -349,9 +174,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Contact Us"
|
||||
title="Reserve Your Table"
|
||||
description="Secure your evening at our palace in the sky. Our team is ready to welcome you."
|
||||
@@ -363,33 +186,16 @@ export default function LandingPage() {
|
||||
logoText="Royal Syrian Dining"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/1234567890",
|
||||
},
|
||||
{
|
||||
label: "Phone",
|
||||
href: "tel:123456789",
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "WhatsApp", href: "https://wa.me/1234567890" },
|
||||
{ label: "Phone", href: "tel:123456789" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user