Files
8016dcab-e2d8-4456-8ff8-2fc…/src/app/page.tsx
2026-04-05 15:18:45 +00:00

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>
);
}