126 lines
7.7 KiB
TypeScript
126 lines
7.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="medium"
|
|
background="noise"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
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="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="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
|
|
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="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Sky Garden"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|