Merge version_1 into main #2
294
src/app/page.tsx
294
src/app/page.tsx
@@ -25,218 +25,100 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Sky Garden"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Sky Garden"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Elevate Your Dining Experience Above the City"
|
||||
description="Discover Islamabad's most scenic rooftop destination, where exquisite flavors meet breathtaking views of the Margalla Hills."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Table",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-tray-with-glasses-white-wine-it-serving-them-guests-balcony_181624-57937.jpg?_wi=1",
|
||||
imageAlt: "Sky Garden View 1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-tray-with-glasses-white-wine-it-serving-them-guests-balcony_181624-57937.jpg?_wi=2",
|
||||
imageAlt: "Sky Garden View 2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-tray-with-glasses-white-wine-it-serving-them-guests-balcony_181624-57937.jpg?_wi=3",
|
||||
imageAlt: "Sky Garden View 3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-tray-with-glasses-white-wine-it-serving-them-guests-balcony_181624-57937.jpg?_wi=4",
|
||||
imageAlt: "Sky Garden View 4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-tray-with-glasses-white-wine-it-serving-them-guests-balcony_181624-57937.jpg?_wi=5",
|
||||
imageAlt: "Sky Garden View 5",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-tray-with-glasses-white-wine-it-serving-them-guests-balcony_181624-57937.jpg?_wi=6",
|
||||
imageAlt: "Sky Garden View 6",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Elevate Your Dining Experience Above the City"
|
||||
description="Discover Islamabad's most scenic rooftop destination, where exquisite flavors meet breathtaking views of the Margalla Hills."
|
||||
buttons={[{ text: "Reserve Your Table" }]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-tray-with-glasses-white-wine-it-serving-them-guests-balcony_181624-57937.jpg", imageAlt: "Sky Garden View 1" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-tray-with-glasses-white-wine-it-serving-them-guests-balcony_181624-57937.jpg", imageAlt: "Sky Garden View 2" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-tray-with-glasses-white-wine-it-serving-them-guests-balcony_181624-57937.jpg", imageAlt: "Sky Garden View 3" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-tray-with-glasses-white-wine-it-serving-them-guests-balcony_181624-57937.jpg", imageAlt: "Sky Garden View 4" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-tray-with-glasses-white-wine-it-serving-them-guests-balcony_181624-57937.jpg", imageAlt: "Sky Garden View 5" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-tray-with-glasses-white-wine-it-serving-them-guests-balcony_181624-57937.jpg", imageAlt: "Sky Garden View 6" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Taste of Excellence"
|
||||
description="From sizzling steaks to rich pastas, our menu is a journey of flavor crafted by expert chefs in an atmosphere that captures the spirit of the Margalla Hills."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-couple-sitting-rooftop-restaurant-drinking-wine_23-2147891134.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Taste of Excellence"
|
||||
description="From sizzling steaks to rich pastas, our menu is a journey of flavor crafted by expert chefs in an atmosphere that captures the spirit of the Margalla Hills."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-couple-sitting-rooftop-restaurant-drinking-wine_23-2147891134.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Chicken Mushroom Steak",
|
||||
price: "PKR 1,350",
|
||||
variant: "Steak",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meatball-with-topped-with-white-cheese-with-herbs_141793-1185.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Sky Special Pasta",
|
||||
price: "PKR 1,375",
|
||||
variant: "Pasta",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-italian-pasta-ingredients-laid-out-cooking_84443-72358.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Chicken Double Burger",
|
||||
price: "PKR 1,150",
|
||||
variant: "Burgers",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spicy-fried-stir-catfish-white-plate-thai-food_1150-21483.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Molten Lava Cake",
|
||||
price: "PKR 850",
|
||||
variant: "Desserts",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dessert-souffle-with-strawberry-jelly-decorated-with-chocolate-icing-strawberries-with-cup-tea_141793-4308.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Mocha Latte",
|
||||
price: "PKR 499",
|
||||
variant: "Hot Beverages",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-female-dressed-white-blouse-sitting-table-drinks-coffee-terrace-cafe_613910-3898.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Dynamite Chicken",
|
||||
price: "PKR 899",
|
||||
variant: "Appetizers",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-gourmet-food-concept_23-2148510811.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Expertly crafted Asian & Western dishes"
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Chicken Mushroom Steak", price: "PKR 1,350", variant: "Steak", imageSrc: "http://img.b2bpic.net/free-photo/fried-meatball-with-topped-with-white-cheese-with-herbs_141793-1185.jpg" },
|
||||
{ id: "p2", name: "Sky Special Pasta", price: "PKR 1,375", variant: "Pasta", imageSrc: "http://img.b2bpic.net/free-photo/fresh-italian-pasta-ingredients-laid-out-cooking_84443-72358.jpg" },
|
||||
{ id: "p3", name: "Chicken Double Burger", price: "PKR 1,150", variant: "Burgers", imageSrc: "http://img.b2bpic.net/free-photo/spicy-fried-stir-catfish-white-plate-thai-food_1150-21483.jpg" },
|
||||
{ id: "p4", name: "Molten Lava Cake", price: "PKR 850", variant: "Desserts", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dessert-souffle-with-strawberry-jelly-decorated-with-chocolate-icing-strawberries-with-cup-tea_141793-4308.jpg" },
|
||||
{ id: "p5", name: "Mocha Latte", price: "PKR 499", variant: "Hot Beverages", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-female-dressed-white-blouse-sitting-table-drinks-coffee-terrace-cafe_613910-3898.jpg" },
|
||||
{ id: "p6", name: "Dynamite Chicken", price: "PKR 899", variant: "Appetizers", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-gourmet-food-concept_23-2148510811.jpg" },
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Expertly crafted Asian & Western dishes"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mrs. Usman Bashir",
|
||||
role: "Diner",
|
||||
testimonial: "The steaks were cooked to perfection, juicy, and full of flavor.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Zohair Khalid",
|
||||
role: "Diner",
|
||||
testimonial: "Had a great experience. The Cheese & Mushroom Steak was excellent.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491778.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Madiha Majeed",
|
||||
role: "Delivery",
|
||||
testimonial: "Just tried the Sky Special Pasta, and it was absolutely delightful!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-lady-holding-her-blonde-hair-making-pony-tail-before-brakfast-cafe_132075-9376.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ali Raza",
|
||||
role: "Event",
|
||||
testimonial: "Hosted my birthday here. The staff was incredibly accommodating.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-apron_23-2148986296.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sara Ahmed",
|
||||
role: "Diner",
|
||||
testimonial: "The best rooftop cafe in B-17. Great coffee and amazing views.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-table_23-2149684349.jpg",
|
||||
},
|
||||
]}
|
||||
title="Guest Voices"
|
||||
description="Hear what our visitors say about our rooftop experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Mrs. Usman Bashir", role: "Diner", testimonial: "The steaks were cooked to perfection, juicy, and full of flavor.", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg" },
|
||||
{ id: "2", name: "Zohair Khalid", role: "Diner", testimonial: "Had a great experience. The Cheese & Mushroom Steak was excellent.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491778.jpg" },
|
||||
{ id: "3", name: "Madiha Majeed", role: "Delivery", testimonial: "Just tried the Sky Special Pasta, and it was absolutely delightful!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-lady-holding-her-blonde-hair-making-pony-tail-before-brakfast-cafe_132075-9376.jpg" },
|
||||
{ id: "4", name: "Ali Raza", role: "Event", testimonial: "Hosted my birthday here. The staff was incredibly accommodating.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-apron_23-2148986296.jpg" },
|
||||
{ id: "5", name: "Sara Ahmed", role: "Diner", testimonial: "The best rooftop cafe in B-17. Great coffee and amazing views.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-table_23-2149684349.jpg" },
|
||||
]}
|
||||
title="Guest Voices"
|
||||
description="Hear what our visitors say about our rooftop experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="newsletter" data-section="newsletter">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Join the Sky Garden Family"
|
||||
description="Subscribe for exclusive offers and seasonal menu updates."
|
||||
inputs={[
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Enter your email address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/inside-greenhouse_23-2147685399.jpg"
|
||||
buttonText="Subscribe Now"
|
||||
/>
|
||||
</div>
|
||||
<div id="newsletter" data-section="newsletter">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Join the Sky Garden Family"
|
||||
description="Subscribe for exclusive offers and seasonal menu updates."
|
||||
inputs={[
|
||||
{ name: "email", type: "email", placeholder: "Enter your email address", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/inside-greenhouse_23-2147685399.jpg"
|
||||
buttonText="Subscribe Now"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Sky Garden"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Sky Garden"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user