290 lines
15 KiB
TypeScript
290 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import { Award, Leaf, MapPin, Sparkles, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Menu", id: "#menu"},
|
|
{
|
|
name: "Cakes", id: "#cakes"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Secret Recipe"
|
|
button={{
|
|
text: "Order Online", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplitDualMedia
|
|
background={{
|
|
variant: "plain"}}
|
|
title="Secret Recipe: Where Culinary Excellence Meets Sweet Perfection"
|
|
description="Indulge in an exquisite dining experience, from succulent Rib Eye Steaks to our renowned array of Cheese and Cream Cakes. Voted 'Best Restaurant in Dhaka' for an unforgettable family outing."
|
|
tag="Experience Culinary Bliss"
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "View Our Menu", href: "#menu"},
|
|
{
|
|
text: "Make a Reservation", href: "#contact"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/juicy-grilled-steak-with-rosemary-cherry-tomatoes-chili_84443-72373.jpg", imageAlt: "Gourmet Rib Eye Steak"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/variety-pastries-wooden-boards_114579-17198.jpg", imageAlt: "Variety of Secret Recipe Cakes"}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5}
|
|
ratingText="Best Restaurant in Dhaka"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={true}
|
|
heading={[
|
|
{
|
|
type: "text", content: "Our Story: A Legacy of Flavor"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Learn More", href: "#"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Gourmet Dine-In Experience", description: "Savor our extensive menu of expertly prepared savory dishes, from the perfect Rib Eye Steak to flavorful pastas and succulent chicken.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157778.jpg", imageAlt: "Gourmet dine-in food"},
|
|
{
|
|
title: "Award-Winning Cake Collection", description: "Famous for our diverse range of cheese cakes and cream cakes, each slice is a testament to our passion for baking perfection.", imageSrc: "http://img.b2bpic.net/free-photo/waitress-preparing-cake_23-2147821299.jpg", imageAlt: "Collection of delicious cakes"},
|
|
{
|
|
title: "Warm & Inviting Ambiance", description: "Enjoy your meal in a comfortable, beautifully designed environment that's perfect for family gatherings and intimate dinners.", imageSrc: "http://img.b2bpic.net/free-photo/man-hugging-with-cheerful-woman-restaurant_23-2148016777.jpg", imageAlt: "Restaurant interior with warm lighting"},
|
|
]}
|
|
title="Beyond the Slice: Our Culinary Delights"
|
|
description="Discover the unique aspects that make Secret Recipe a beloved destination for food lovers and families alike."
|
|
tag="Our Specialties"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p-ribeye", brand: "Secret Recipe", name: "Classic Rib Eye Steak", price: "$28.00", rating: 5,
|
|
reviewCount: "250+", imageSrc: "http://img.b2bpic.net/free-photo/steak-with-cheese-vegetables-restaurant_501050-842.jpg", imageAlt: "Classic Rib Eye Steak"},
|
|
{
|
|
id: "p-pasta", brand: "Secret Recipe", name: "Creamy Alfredo Pasta", price: "$16.50", rating: 4,
|
|
reviewCount: "180+", imageSrc: "http://img.b2bpic.net/free-photo/front-view-raw-pasta-with-oil-tomatoe-dark-surface-raw-dough-pasta_140725-81970.jpg", imageAlt: "Creamy Alfredo Pasta"},
|
|
{
|
|
id: "p-chicken", brand: "Secret Recipe", name: "Roasted Herb Chicken", price: "$22.00", rating: 5,
|
|
reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/dish-chicken-fillet-different-vegetables_23-2148113601.jpg", imageAlt: "Roasted Herb Chicken"},
|
|
{
|
|
id: "p-salad", brand: "Secret Recipe", name: "Garden Fresh Salad", price: "$12.00", rating: 4,
|
|
reviewCount: "90+", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-bowl-with-salad-fork-another_1163-1999.jpg", imageAlt: "Garden Fresh Salad"},
|
|
{
|
|
id: "p-soup", brand: "Secret Recipe", name: "Chef's Daily Soup", price: "$8.00", rating: 4,
|
|
reviewCount: "70+", imageSrc: "http://img.b2bpic.net/free-photo/tomato-soup-topped-with-crackers-cheese_140725-6358.jpg", imageAlt: "Chef's Daily Soup"},
|
|
{
|
|
id: "p-burger", brand: "Secret Recipe", name: "Gourmet Beef Burger", price: "$14.00", rating: 5,
|
|
reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/hamburgers-with-fries-cup-sauce-wooden-tray_181624-2600.jpg", imageAlt: "Gourmet Beef Burger"},
|
|
]}
|
|
title="Signature Savory Creations"
|
|
description="Explore our delicious main courses, crafted with the freshest ingredients and culinary expertise."
|
|
tag="Main Dishes"
|
|
/>
|
|
</div>
|
|
|
|
<div id="cakes" data-section="cakes">
|
|
<PricingCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "c-cheesecake", badge: "Signature", badgeIcon: Sparkles,
|
|
price: "From $5.50/slice", subtitle: "Creamy, rich, and irresistible", buttons: [
|
|
{
|
|
text: "Order Cake", href: "#"},
|
|
],
|
|
features: [
|
|
"New York Cheesecake", "Chocolate Swirl Cheesecake", "Blueberry Cheesecake", "Strawberry Cheesecake"],
|
|
},
|
|
{
|
|
id: "c-creamcake", badge: "Classic", badgeIcon: Award,
|
|
price: "From $4.90/slice", subtitle: "Velvety smooth and decadent", buttons: [
|
|
{
|
|
text: "Customize & Order", href: "#"},
|
|
],
|
|
features: [
|
|
"Chocolate Cream Cake", "Vanilla Bean Cream Cake", "Mocha Cream Cake", "Black Forest Cake"],
|
|
},
|
|
{
|
|
id: "c-chocolate", badge: "Indulgent", badgeIcon: Star,
|
|
price: "From $5.00/slice", subtitle: "Pure chocolate bliss", buttons: [
|
|
{
|
|
text: "Order Cake", href: "#"},
|
|
],
|
|
features: [
|
|
"Fudge Brownie Cake", "Dark Chocolate Ganache", "Molten Lava Cake", "Chocolate Hazelnut Cake"],
|
|
},
|
|
{
|
|
id: "c-fruittart", badge: "Fresh", badgeIcon: Leaf,
|
|
price: "From $4.20/slice", subtitle: "Light, fresh, and fruity", buttons: [
|
|
{
|
|
text: "Customize & Order", href: "#"},
|
|
],
|
|
features: [
|
|
"Seasonal Fruit Tart", "Berry Tart", "Lemon Meringue Tart", "Apple Crumble Tart"],
|
|
},
|
|
]}
|
|
title="Dessert Wonderland: Our Cake Collection"
|
|
description="From classic cheesecakes to rich cream cakes, find your perfect sweet escape."
|
|
tag="Sweet Treats"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t-prince", name: "Prince R.", handle: "@PrinceR", testimonial: "Best Restaurant in Dhaka. Best Cake. Best Food. Good environment. Nice ambience. Good place for family outing restaurant.", imageSrc: "http://img.b2bpic.net/free-photo/unbelievable-gossip-from-woman-best-friends-informal-annual-meeting-cozy-restaurant_8353-9978.jpg", imageAlt: "Customer Prince R"},
|
|
{
|
|
id: "t-sakhawat", name: "H N Sakhawat H.", handle: "@SakhawatH", testimonial: "For family and friends Secret Recipe Dhanmondi is the best restaurant in Dhanmondi. Comfortable ambience. Best Cheese Cake. Best Cream Cake. Very good Drinks collection. Food...", imageSrc: "http://img.b2bpic.net/free-photo/elderly-businesswoman-coat-sitting-outside-cafe-reading-magazine_1303-19470.jpg", imageAlt: "Customer H N Sakhawat H"},
|
|
{
|
|
id: "t-sarah", name: "Sarah J.", handle: "@SarahJ", testimonial: "Secret Recipe truly delivers! The Rib Eye was perfectly cooked, and the cheesecake was simply divine. A perfect spot for any occasion.", imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-enjoying-dinner-wine_23-2148454129.jpg", imageAlt: "Customer Sarah J"},
|
|
{
|
|
id: "t-michael", name: "Michael C.", handle: "@MichaelC", testimonial: "The ambiance is fantastic, and the menu selection is so diverse. Every dish we tried was flavorful and beautifully presented. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-chef-decorating-dish-after-cooking_329181-16137.jpg", imageAlt: "Customer Michael C"},
|
|
{
|
|
id: "t-emily", name: "Emily R.", handle: "@EmilyR", testimonial: "I always come for the cakes, but their dine-in food is just as impressive. A true culinary gem in Dhaka!", imageSrc: "http://img.b2bpic.net/free-photo/affectionate-bearded-mixed-race-man-feeds-his-girlfriend-with-tasty-croissant-which-he-baked-by-himself_273609-8900.jpg", imageAlt: "Customer Emily R"},
|
|
{
|
|
id: "t-david", name: "David K.", handle: "@DavidK", testimonial: "A wonderful family restaurant with delicious food and an incredible variety of desserts. My kids loved the cream cake!", imageSrc: "http://img.b2bpic.net/free-photo/two-colleagues-having-pizza-office-meeting-break_23-2148817092.jpg", imageAlt: "Customer David K"},
|
|
]}
|
|
title="What Our Guests Say"
|
|
description="Hear from our valued customers about their unforgettable experiences at Secret Recipe."
|
|
tag="Rave Reviews"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Dhaka Food Critics", "Foodie's Choice Awards", "Local Favorite 2023", "Taste of Asia", "Gourmet Magazine", "Culinary Excellence Award", "Best of Dhaka Magazine"]}
|
|
title="Recognized for Excellence"
|
|
description="Proudly acclaimed by esteemed culinary critics and beloved by our community."
|
|
tag="Awards & Mentions"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
tag="Reservations & Inquiries"
|
|
title="Visit Us or Make a Reservation"
|
|
description="Plan your next family meal or special occasion at Secret Recipe. We look forward to welcoming you to our Dhanmondi location."
|
|
tagIcon={MapPin}
|
|
tagAnimation="slide-up"
|
|
inputPlaceholder="Enter your email for updates"
|
|
buttonText="Subscribe"
|
|
termsText="By subscribing, you agree to receive promotional emails from Secret Recipe."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Secret Recipe"
|
|
columns={[
|
|
{
|
|
title: "Menu", items: [
|
|
{
|
|
label: "Dine-In Menu", href: "#menu"},
|
|
{
|
|
label: "Cakes & Desserts", href: "#cakes"},
|
|
{
|
|
label: "Beverages", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "About Us", items: [
|
|
{
|
|
label: "Our Story", href: "#about"},
|
|
{
|
|
label: "Locations", href: "#contact"},
|
|
{
|
|
label: "Awards", href: "#social-proof"},
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{
|
|
label: "Reservations", href: "#contact"},
|
|
{
|
|
label: "Feedback", href: "#"},
|
|
{
|
|
label: "Careers", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2023 Secret Recipe. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |