Merge version_1 into main #2
241
src/app/page.tsx
241
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
name: "Experience", id: "experience"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Sky View"
|
||||
/>
|
||||
@@ -59,63 +49,38 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Dine Above the City"
|
||||
description="An unforgettable fine dining experience at Sky View Restaurant, Le Metropole Hotel."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-xx2ru9ng.jpg?_wi=1",
|
||||
imageAlt: "Atmosphere",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-xx2ru9ng.jpg", imageAlt: "Atmosphere"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-c10hlthb.jpg?_wi=1",
|
||||
imageAlt: "Cuisine",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-c10hlthb.jpg", imageAlt: "Cuisine"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-noj76k59.jpg?_wi=1",
|
||||
imageAlt: "Interior",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-noj76k59.jpg", imageAlt: "Interior"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-pphp2qm5.jpg?_wi=1",
|
||||
imageAlt: "View",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-pphp2qm5.jpg", imageAlt: "View"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-mu7zeujj.jpg?_wi=1",
|
||||
imageAlt: "Experience",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-mu7zeujj.jpg", imageAlt: "Experience"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-noj76k59.jpg?_wi=2",
|
||||
imageAlt: "Interior",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-noj76k59.jpg", imageAlt: "Interior"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-pphp2qm5.jpg?_wi=2",
|
||||
imageAlt: "View",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-pphp2qm5.jpg", imageAlt: "View"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-mu7zeujj.jpg?_wi=2",
|
||||
imageAlt: "Experience",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-mu7zeujj.jpg", imageAlt: "Experience"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-xx2ru9ng.jpg?_wi=2",
|
||||
imageAlt: "Atmosphere",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-xx2ru9ng.jpg", imageAlt: "Atmosphere"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-c10hlthb.jpg?_wi=2",
|
||||
imageAlt: "Cuisine",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-c10hlthb.jpg", imageAlt: "Cuisine"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Reserve a Table", href: "#contact"},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,29 +92,19 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Excellence",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Excellence", value: "100%"},
|
||||
{
|
||||
icon: Sunset,
|
||||
label: "Views",
|
||||
value: "Daily",
|
||||
},
|
||||
label: "Views", value: "Daily"},
|
||||
{
|
||||
icon: Wine,
|
||||
label: "Experience",
|
||||
value: "Fine",
|
||||
},
|
||||
label: "Experience", value: "Fine"},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Culinary",
|
||||
value: "Expert",
|
||||
},
|
||||
label: "Culinary", value: "Expert"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Location",
|
||||
value: "Prime",
|
||||
},
|
||||
label: "Location", value: "Prime"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -163,23 +118,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Beef Fillet Flambée",
|
||||
price: "699.49",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-c10hlthb.jpg?_wi=3",
|
||||
},
|
||||
id: "p1", name: "Beef Fillet Flambée", price: "699.49", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-c10hlthb.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Roasted Beef Fillet",
|
||||
price: "599.49",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-pphp2qm5.jpg?_wi=3",
|
||||
},
|
||||
id: "p2", name: "Roasted Beef Fillet", price: "599.49", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-pphp2qm5.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Steak Diana",
|
||||
price: "579.90",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-mu7zeujj.jpg?_wi=3",
|
||||
},
|
||||
id: "p3", name: "Steak Diana", price: "579.90", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-mu7zeujj.jpg"},
|
||||
]}
|
||||
title="Menu Highlights"
|
||||
description="Indulge in our carefully curated selection of fine European-style dishes."
|
||||
@@ -194,23 +137,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Sunset Views",
|
||||
description: "Breathtaking panoramas as the sun descends over the sea.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-pphp2qm5.jpg?_wi=4",
|
||||
},
|
||||
id: "f1", title: "Sunset Views", description: "Breathtaking panoramas as the sun descends over the sea.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-pphp2qm5.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Romantic Escape",
|
||||
description: "A quiet, intimate atmosphere perfect for meaningful moments.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-xx2ru9ng.jpg?_wi=3",
|
||||
},
|
||||
id: "f2", title: "Romantic Escape", description: "A quiet, intimate atmosphere perfect for meaningful moments.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-xx2ru9ng.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Starlit Dining",
|
||||
description: "Enjoy world-class service on our exclusive rooftop under the sky.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-noj76k59.jpg?_wi=3",
|
||||
},
|
||||
id: "f3", title: "Starlit Dining", description: "Enjoy world-class service on our exclusive rooftop under the sky.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-noj76k59.jpg"},
|
||||
]}
|
||||
title="A Night Above the Clouds"
|
||||
description="Watch the sunset over Alexandria, escape the city noise, and dine under the stars."
|
||||
@@ -225,45 +156,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Ahmed",
|
||||
role: "Food Critic",
|
||||
company: "FineDiningReview",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cafe-having-coffee-talking-phone_1303-10747.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Ahmed", role: "Food Critic", company: "FineDiningReview", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cafe-having-coffee-talking-phone_1303-10747.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Omar Mahmoud",
|
||||
role: "Architect",
|
||||
company: "DesignCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-dining-table-setting-with-wine-glass-other_74190-6246.jpg",
|
||||
},
|
||||
id: "2", name: "Omar Mahmoud", role: "Architect", company: "DesignCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-dining-table-setting-with-wine-glass-other_74190-6246.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Layla Hassan",
|
||||
role: "Marketing",
|
||||
company: "GrowthX",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/served-food-dining-table-lunch-time-restaurant_637285-2017.jpg",
|
||||
},
|
||||
id: "3", name: "Layla Hassan", role: "Marketing", company: "GrowthX", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/served-food-dining-table-lunch-time-restaurant_637285-2017.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Smith",
|
||||
role: "Traveler",
|
||||
company: "GlobalExplorer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-chef-wearing-uniform-posing-with-his-arms-crossed-looking-camera-restaurant-kitchen_613910-21338.jpg",
|
||||
},
|
||||
id: "4", name: "David Smith", role: "Traveler", company: "GlobalExplorer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-chef-wearing-uniform-posing-with-his-arms-crossed-looking-camera-restaurant-kitchen_613910-21338.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Rossi",
|
||||
role: "Blogger",
|
||||
company: "LuxuryLife",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-xx2ru9ng.jpg?_wi=4",
|
||||
},
|
||||
id: "5", name: "Elena Rossi", role: "Blogger", company: "LuxuryLife", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-xx2ru9ng.jpg"},
|
||||
]}
|
||||
title="Guest Experiences"
|
||||
description="Discover why our guests choose Sky View for their most special evenings."
|
||||
@@ -274,32 +180,17 @@ export default function LandingPage() {
|
||||
<TeamCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "g1",
|
||||
name: "Rooftop Ambiance",
|
||||
role: "Atmosphere",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-xx2ru9ng.jpg?_wi=5",
|
||||
},
|
||||
id: "g1", name: "Rooftop Ambiance", role: "Atmosphere", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-xx2ru9ng.jpg"},
|
||||
{
|
||||
id: "g2",
|
||||
name: "Fine Cuisine",
|
||||
role: "Culinary",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-c10hlthb.jpg?_wi=4",
|
||||
},
|
||||
id: "g2", name: "Fine Cuisine", role: "Culinary", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-c10hlthb.jpg"},
|
||||
{
|
||||
id: "g3",
|
||||
name: "Elegant Seating",
|
||||
role: "Luxury",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-noj76k59.jpg?_wi=4",
|
||||
},
|
||||
id: "g3", name: "Elegant Seating", role: "Luxury", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-noj76k59.jpg"},
|
||||
{
|
||||
id: "g4",
|
||||
name: "City Lights",
|
||||
role: "View",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-pphp2qm5.jpg?_wi=5",
|
||||
},
|
||||
id: "g4", name: "City Lights", role: "View", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYlUerYrwd044aK7gpdYAGehlK/uploaded-1774674470859-pphp2qm5.jpg"},
|
||||
]}
|
||||
title="Visual Gallery"
|
||||
description="Take a glimpse into the elegance and luxury awaiting your arrival."
|
||||
@@ -310,18 +201,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Reserve Your Table Today | Raml Station, 52 Saad Zaghloul St | +20 3 487 7730"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
text: "Get Directions", href: "https://maps.google.com"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+2034877730",
|
||||
},
|
||||
text: "Call Now", href: "tel:+2034877730"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -330,42 +216,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "About Us",
|
||||
items: [
|
||||
title: "About Us", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Our Rooftop",
|
||||
href: "#experience",
|
||||
},
|
||||
label: "Our Rooftop", href: "#experience"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
title: "Information", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Use", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user