213 lines
12 KiB
TypeScript
213 lines
12 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="bounce-effect"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="soft"
|
||
contentWidth="small"
|
||
sizing="large"
|
||
background="blurBottom"
|
||
cardStyle="gradient-radial"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="solid"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "hero"},
|
||
{
|
||
name: "About", id: "about"},
|
||
{
|
||
name: "Menu", id: "menu"},
|
||
{
|
||
name: "Contact", id: "contact"},
|
||
]}
|
||
brandName="Crispino Café"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitDoubleCarousel
|
||
background={{
|
||
variant: "gradient-bars"}}
|
||
title="Your Everyday Café, Done Right"
|
||
description="Great coffee, delicious meals, and the perfect spot to relax in G-10 Markaz."
|
||
leftCarouselItems={[
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-hamburger-inside-round-plate-dark-floor_140725-11629.jpg", imageAlt: "Burger" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/stir-fried-macaroni-with-tomato-chili-pepper-seeds-basil-white-dish_1150-22159.jpg", imageAlt: "Pasta" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/art-food-coffee-vintage-drink_1203-5641.jpg", imageAlt: "Coffee" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-square-pizza-spices_23-2149235548.jpg", imageAlt: "Pizza" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-vegetables-potatoes-eggplants-inside-plate-dark-space_140725-79612.jpg", imageAlt: "Steak" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/thee-delicious-ice-cream-with-straw_114579-4360.jpg", imageAlt: "Shake" }
|
||
]}
|
||
rightCarouselItems={[
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/soda-cola-cold-drink_1112-1548.jpg", imageAlt: "Shake" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/meat-steak-pieces-with-french-fries-onion-rice_114579-4341.jpg", imageAlt: "Steak" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/slice-pizza-with-tomato-pepper-marble_114579-13864.jpg", imageAlt: "Pizza" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-barista-pouring-latte-foam-coffee-caf_23-2148209229.jpg", imageAlt: "Coffee" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/small-portion-penne-pasta-marble-surface_114579-63700.jpg", imageAlt: "Pasta" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-knife-delicious-meat-sandwich-green-black-tray-left-side-blurred-surface_179666-34361.jpg", imageAlt: "Burger" }
|
||
]}
|
||
buttons={[
|
||
{ text: "View Menu", href: "#menu" },
|
||
{ text: "Call Now", href: "tel:03045399007" }
|
||
]}
|
||
avatars={[
|
||
{ src: "http://img.b2bpic.net/free-photo/top-view-yummy-choco-eclairs-with-cup-tea-white-cookies-cake-dessert-biscuit_140725-124410.jpg", alt: "Customer profile 1" },
|
||
{ src: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cakes-with-fresh-strawberries-white-surface-chocolate-sugar-biscuit-sweet-cake-bake-cookie_140725-52904.jpg", alt: "Customer profile 2" },
|
||
{ src: "http://img.b2bpic.net/free-photo/top-view-cupcakes-with-sugar-powder-fresh-cherries-near-hot-americano-cherry-plate_140725-32855.jpg", alt: "Customer profile 3" },
|
||
{ src: "http://img.b2bpic.net/free-photo/top-view-from-afar-cake-with-sweets-cake-with-strawberry-white-plate-black-tea-with-lemon-plate-cookies-with-strawberry-hizelnuts-bowls-chocolate-different-sweets-black-table_140725-118568.jpg", alt: "Customer profile 4" },
|
||
{ src: "http://img.b2bpic.net/free-photo/restaurant-tables-with-cozy-decor_23-2147764388.jpg", alt: "Customer profile 5" }
|
||
]}
|
||
avatarText="Join our community of local foodies"
|
||
marqueeItems={[
|
||
{ type: "text", text: "Fresh Ingredients" },
|
||
{ type: "text", text: "Cozy Ambience" },
|
||
{ type: "text", text: "G-10 Markaz" },
|
||
{ type: "text", text: "Open Daily" },
|
||
{ type: "text", text: "Fast Delivery" }
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<SplitAbout
|
||
textboxLayout="split"
|
||
useInvertedBackground={false}
|
||
title="Welcome to Crispino Café"
|
||
description="Crispino Café is your go-to destination for comfort food, rich coffee, and a relaxed atmosphere. Conveniently located in G-10 Markaz, we serve a variety of dishes ranging from classic chai to continental favorites."
|
||
bulletPoints={[
|
||
{ title: "Affordable Prices", description: "Great meals starting from Rs 500." },
|
||
{ title: "Cozy Seating", description: "Perfect for work or hangouts." },
|
||
{ title: "Wide Variety", description: "From chai to continental steaks." }
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/such-good-tableware-table-gold-shades_8353-9923.jpg"
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardOne
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="uniform-all-items-equal"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{ id: "p1", name: "Special Chai", price: "Rs 150", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-cup_23-2148892853.jpg" },
|
||
{ id: "p2", name: "Zinger Burger", price: "Rs 500", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-whole-cut-various-tasty-sandwiches-tomatoes-with-stem-knife-black-tray-dark-mix-color-surface_179666-34375.jpg" },
|
||
{ id: "p3", name: "Crispino Pasta", price: "Rs 800", imageSrc: "http://img.b2bpic.net/free-photo/front-view-pasta-tasty-inside-white-plate-grey-floor_140725-14465.jpg" },
|
||
{ id: "p4", name: "Chicken Fajita Pizza", price: "Rs 900", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-cheese-pizza-sliced-served-dark-brown-surface_179666-35505.jpg" },
|
||
{ id: "p5", name: "Beef Steak", price: "Rs 1000", imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-table_23-2151902490.jpg" },
|
||
{ id: "p6", name: "Special Shake", price: "Rs 450", imageSrc: "http://img.b2bpic.net/free-photo/woman-hands-with-tattoo-holding-book-caramel-milkshake_114579-24211.jpg" }
|
||
]}
|
||
title="Something for Every Craving"
|
||
description="Explore our handcrafted menu favorites."
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{ title: "Affordable Quality", description: "Rs 500–1,000 per person.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-burger_23-2152021198.jpg" },
|
||
{ title: "Cozy Atmosphere", description: "Relax in comfortable, clean seating.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-arranging-her-cake-shop_23-2149210437.jpg" },
|
||
{ title: "Friendly Service", description: "Experience quick and warm hospitality.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-preparing-coffee_23-2149045719.jpg" }
|
||
]}
|
||
title="Why People Love Crispino"
|
||
description="Authentic taste meets a warm community vibe."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSixteen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{ id: "1", name: "Sarah Ahmed", role: "Student", company: "NUST", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-laptop_1303-3917.jpg" },
|
||
{ id: "2", name: "Ali Khan", role: "Professional", company: "Local Tech", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-offering-coffee-his-friend_140725-34693.jpg" },
|
||
{ id: "3", name: "Fatima Zahra", role: "Designer", company: "Freelance", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-with-drinks-tacos_23-2149073435.jpg" },
|
||
{ id: "4", name: "Bilal Rehman", role: "Entrepreneur", company: "Startup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/breakfast-vegetarians_1098-14572.jpg" },
|
||
{ id: "5", name: "Zara Noor", role: "Artist", company: "Gallery", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-female-with-dark-long-hair-dressed-striped-t-shirt-coffee-shop-drinks-fresh-juice-espresso_273609-2512.jpg" }
|
||
]}
|
||
kpiItems={[
|
||
{ value: "4.2", label: "Avg Rating" },
|
||
{ value: "200+", label: "Happy Reviews" },
|
||
{ value: "Daily", label: "Fresh Ingredients" }
|
||
]}
|
||
title="What Our Customers Say"
|
||
description="Join nearly 200 happy foodies in Islamabad."
|
||
/>
|
||
</div>
|
||
|
||
<div id="gallery" data-section="gallery">
|
||
<BlogCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
title="A Glimpse of Crispino"
|
||
description="Moments of coffee, food, and friendship."
|
||
blogs={[
|
||
{ id: "b1", category: "Food", title: "Morning Coffee", excerpt: "The perfect start.", imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-cup_74190-105.jpg", authorName: "Crispino", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153829.jpg", date: "2025" },
|
||
{ id: "b2", category: "Interior", title: "Cozy Corner", excerpt: "Find your spot.", imageSrc: "http://img.b2bpic.net/free-photo/tufted-brown-leather-ottoman_417767-424.jpg", authorName: "Crispino", authorAvatar: "http://img.b2bpic.net/free-photo/remote-work_1098-14006.jpg", date: "2025" },
|
||
{ id: "b3", category: "Dining", title: "Dinner Favorites", excerpt: "Pasta goodness.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tuna-fusilli-with-spinach-parmesan_140725-316.jpg", authorName: "Crispino", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-young-working-professional-man-sitting-cafe-with-laptop-drinking-coffee-working-online-freelancer-using-coworking-space-his-job_1258-314049.jpg", date: "2025" }
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplit
|
||
useInvertedBackground={false}
|
||
background={{ variant: "plain" }}
|
||
tag="Visit Us"
|
||
title="Craving Something Delicious?"
|
||
description="Find us at G-10 Markaz, Islamabad. Open Daily until midnight."
|
||
imageSrc="http://img.b2bpic.net/free-photo/cafe-canopy-window-paris_1147-462.jpg"
|
||
mediaPosition="right"
|
||
buttonText="Get Directions"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="http://img.b2bpic.net/free-photo/girl-stands-sideway-near-wall-looks-into-distance_8353-9444.jpg"
|
||
logoText="Crispino Café"
|
||
columns={[
|
||
{
|
||
title: "Navigate", items: [
|
||
{ label: "Menu", href: "#menu" },
|
||
{ label: "About", href: "#about" }
|
||
]
|
||
},
|
||
{
|
||
title: "Contact", items: [
|
||
{ label: "Call: 0304 5399007", href: "tel:03045399007" },
|
||
{ label: "Get Directions", href: "#" }
|
||
]
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |