156 lines
9.6 KiB
TypeScript
156 lines
9.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import { Award, CheckCircle, Coffee, Star, Users, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="large"
|
|
background="aurora"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Location", id: "contact" },
|
|
]}
|
|
brandName="Brim Burgers"
|
|
button={{ text: "Order Now", href: "https://wa.me/923041112746" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroOverlayTestimonial
|
|
title="Brim Burgers: A Culinary Experience"
|
|
description="Crafting premium burgers with passion, fresh ingredients, and a touch of elegance. Discover the taste that defines artisan perfection."
|
|
testimonials={[
|
|
{ name: "Ahmed K.", handle: "@ahmedk", testimonial: "The best burger experience I have ever had. Truly premium taste.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg?_wi=1" },
|
|
{ name: "Sara H.", handle: "@sarah", testimonial: "Elegant atmosphere and absolutely delicious food. A must visit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491790.jpg?_wi=1" },
|
|
{ name: "Zain A.", handle: "@zain_a", testimonial: "The quality of the beef is unmatched in every bite.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg" },
|
|
{ name: "Mariam K.", handle: "@mariamk", testimonial: "Simply exquisite flavors, definitely a top-tier burger spot.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-delicious-food_23-2149250117.jpg" },
|
|
{ name: "Omar F.", handle: "@omar_f", testimonial: "Fast, fresh, and perfectly seasoned. My new favorite.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517422.jpg?_wi=1" },
|
|
]}
|
|
buttons={[{ text: "View Menu", href: "#menu" }, { text: "Order on WhatsApp", href: "https://wa.me/923041112746" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-delicious-burger-composition_23-2148868219.jpg"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/blond-bartender-making-cocktail_1163-2772.jpg", alt: "customer 1" },
|
|
{ src: "http://img.b2bpic.net/free-photo/young-woman-setting-table-christmas-dinner_23-2147969378.jpg", alt: "customer 2" },
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-luxurious-restaurant_23-2150517450.jpg", alt: "customer 3" },
|
|
{ src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", alt: "customer 4" },
|
|
{ src: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491790.jpg", alt: "customer 5" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={true}
|
|
title="Our Story"
|
|
metrics={[
|
|
{ label: "Years of Passion", value: "5+", icon: Award },
|
|
{ label: "Handcrafted Burgers", value: "100%", icon: CheckCircle },
|
|
{ label: "Happy Foodies", value: "10k+", icon: Users },
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "1", name: "Classic Brim", price: "PKR 850", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-vegetarian-burger-cutting-board-with-copy-space_23-2148784536.jpg" },
|
|
{ id: "2", name: "Triple Cheese", price: "PKR 1050", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-veggie-burger-with-black-buns-cutting-board_23-2148784540.jpg" },
|
|
{ id: "3", name: "Spicy Fusion", price: "PKR 950", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fresh-bacon-burgers_23-2148784482.jpg" },
|
|
{ id: "4", name: "Brim Chicken", price: "PKR 750", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-burger-composition_23-2148868220.jpg" },
|
|
{ id: "5", name: "Loaded Fries", price: "PKR 450", imageSrc: "http://img.b2bpic.net/free-photo/black-burger-with-beef-tomato-bell-peppers-lettuce-pickled-cucumber_140725-5733.jpg" },
|
|
{ id: "6", name: "Artisan Shake", price: "PKR 550", imageSrc: "http://img.b2bpic.net/free-photo/home-made-delicious-big-hamburger_23-2148374920.jpg" },
|
|
]}
|
|
title="Our Menu"
|
|
description="Exquisitely curated selection for every palate."
|
|
/>
|
|
</div>
|
|
|
|
<div id="featured" data-section="featured">
|
|
<FeatureBento
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{ title: "Brim Signature Beef", description: "100% premium beef, aged cheddar, secret sauce.", bentoComponent: "reveal-icon", icon: Star },
|
|
{ title: "Crispy Chicken Master", description: "Hand-breaded crispy chicken, house slaw.", bentoComponent: "reveal-icon", icon: Award },
|
|
{ title: "Loaded Cheddar Fries", description: "Smothered in premium melted cheese and herbs.", bentoComponent: "reveal-icon", icon: Zap },
|
|
{ title: "Artisan Choco-Shake", description: "Rich, velvet textures, pure cocoa.", bentoComponent: "reveal-icon", icon: Coffee },
|
|
]}
|
|
title="Signature Items"
|
|
description="The best of Brim Burgers, highly recommended by our patrons."
|
|
/>
|
|
</div>
|
|
|
|
<div id="experience" data-section="experience">
|
|
<TestimonialCardTen
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "t1", title: "Great Food", quote: "I love the vibe at Brim Burgers. Perfect for a quick lunch.", name: "Zain Ali", role: "Local Guide", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-meeting-restaurant_23-2148395335.jpg" },
|
|
{ id: "t2", title: "Premium Taste", quote: "The signature burger is unmatched in town.", name: "Mariam Khan", role: "Food Blogger", imageSrc: "http://img.b2bpic.net/free-photo/woman-kissing-man-with-flowers-cheek_23-2148014453.jpg" },
|
|
{ id: "t3", title: "Amazing Service", quote: "The staff is incredibly attentive and the food is fresh.", name: "Hassan M.", role: "Regular Customer", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg?_wi=2" },
|
|
{ id: "t4", title: "Luxury Experience", quote: "The best cafe aesthetics in the entire city.", name: "Sara Q.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491790.jpg?_wi=2" },
|
|
{ id: "t5", title: "Highly Recommended", quote: "Everything I tried was delicious, especially the shakes.", name: "Ahmed S.", role: "Food Critic", imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517422.jpg?_wi=2" },
|
|
]}
|
|
title="The Brim Ambiance"
|
|
description="Experience fine dining in a relaxed café setting."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={true}
|
|
title="Order or Book"
|
|
description="Visit us or order via WhatsApp for quick delivery."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name" },
|
|
{ name: "phone", type: "tel", placeholder: "Your Phone" },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Brim Burgers"
|
|
columns={[
|
|
{ title: "Navigation", items: [{ label: "Home", href: "#home" }, { label: "Menu", href: "#menu" }] },
|
|
{ title: "Support", items: [{ label: "Order via WhatsApp", href: "https://wa.me/923041112746" }] },
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|