Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 56476b086d | |||
| c1e271beb7 | |||
| 0df71fe5d3 | |||
| 6ddebcdf53 | |||
| 578d902b62 |
273
src/app/page.tsx
273
src/app/page.tsx
@@ -2,16 +2,16 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||||
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -19,149 +19,142 @@ export default function LandingPage() {
|
|||||||
defaultButtonVariant="expand-hover"
|
defaultButtonVariant="expand-hover"
|
||||||
defaultTextAnimation="reveal-blur"
|
defaultTextAnimation="reveal-blur"
|
||||||
borderRadius="rounded"
|
borderRadius="rounded"
|
||||||
contentWidth="smallMedium"
|
contentWidth="medium"
|
||||||
sizing="large"
|
sizing="mediumLargeSizeLargeTitles"
|
||||||
background="blurBottom"
|
background="none"
|
||||||
cardStyle="gradient-mesh"
|
cardStyle="subtle-shadow"
|
||||||
primaryButtonStyle="diagonal-gradient"
|
primaryButtonStyle="flat"
|
||||||
secondaryButtonStyle="radial-glow"
|
secondaryButtonStyle="solid"
|
||||||
headingFontWeight="extrabold"
|
headingFontWeight="semibold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{ name: "Home", id: "hero" },
|
{ name: "Home", id: "hero" },
|
||||||
{ name: "About", id: "about" },
|
{ name: "About", id: "about" },
|
||||||
{ name: "Menu", id: "menu" },
|
{ name: "Menu", id: "menu" },
|
||||||
{ name: "Contact", id: "contact" },
|
{ name: "Testimonials", id: "testimonials" },
|
||||||
]}
|
{ name: "FAQ", id: "faq" },
|
||||||
brandName="Cafe Classic"
|
{ name: "Contact", id: "contact" },
|
||||||
/>
|
]}
|
||||||
</div>
|
brandName="Cafe Classic"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroOverlay
|
<HeroSplitDualMedia
|
||||||
title="A Classic Experience in Every Sip"
|
title="Classic Elegance, Warmly Served"
|
||||||
description="Step into a timeless atmosphere where quality meets comfort. Join us for a memorable culinary experience in the heart of the city."
|
description="Discover a timeless cafe experience where artisan coffee and homemade delicacies meet a cozy, inviting atmosphere."
|
||||||
buttons={[{ text: "Visit Us", href: "#contact" }]}
|
tag="Welcome to Cafe Classic"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg"
|
rating={5}
|
||||||
avatars={[
|
ratingText="Rated 5 stars by our regulars"
|
||||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-cup-with-delicious-coffee-table_23-2149703757.jpg", alt: "High angle cup with delicious coffee on table" },
|
mediaItems={[
|
||||||
{ src: "http://img.b2bpic.net/free-photo/coffee-macaroons-cafe-table_23-2147787053.jpg", alt: "Coffee and macaroons on cafe table" },
|
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg", imageAlt: "Elegant dining area" },
|
||||||
{ src: "http://img.b2bpic.net/free-photo/vertical-shot-simple-white-chairs-tables-restaurant-with-blurry-background_181624-57929.jpg", alt: "Vertical shot of simple white chairs and tables in a restaurant with a blurry background" },
|
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cup-with-delicious-coffee-table_23-2149703757.jpg", imageAlt: "Freshly brewed coffee" }
|
||||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17121.jpg", alt: "Portrait of a young young woman sitting at the modern cafe" },
|
]}
|
||||||
{ src: "http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3458.jpg", alt: "table set on dinning table" },
|
background={{ variant: "plain" }}
|
||||||
]}
|
/>
|
||||||
avatarText="Join 5,000+ local coffee lovers"
|
</div>
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<MediaAbout
|
<TextSplitAbout
|
||||||
useInvertedBackground={true}
|
title="Our Heritage"
|
||||||
title="Authentic Cafe Traditions"
|
description={["We pride ourselves on creating a space that feels like home. From our freshly ground beans to our artisanal pastries, every detail is carefully crafted.", "Join us for a quiet afternoon or a morning start that lingers in your memory."]}
|
||||||
description="Our cafe is built on a foundation of passion for quality ingredients and warm hospitality. Every corner is curated to offer you a peaceful retreat from the bustling city."
|
useInvertedBackground={false}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg"
|
/>
|
||||||
/>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="menu" data-section="menu">
|
<div id="menu" data-section="menu">
|
||||||
<FeatureCardNine
|
<FeatureCardTwentyThree
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
title="Our Signature Offerings"
|
||||||
useInvertedBackground={false}
|
description="Indulge in our curated selection of cafe delights."
|
||||||
features={[
|
textboxLayout="default"
|
||||||
{ title: "Gourmet Breakfast", description: "Start your day with hand-picked ingredients.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-with-parmesan-ceramic-plate-luxury-restaurant_114579-2154.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/relaxed-girl-jeans-drinking-mulled-wine-cold-day-indoor-shot-ginger-woman-with-cup-tea_197531-14170.jpg" } },
|
useInvertedBackground={false}
|
||||||
{ title: "Crafted Beverages", description: "Expertly brewed coffee and refreshing teas.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/male-barista-pouring-boiling-water-coffee-filter_23-2148824409.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-salad-cow-tongue-with-orange-carrots-arugula-plate-with-tomatoes-cucumber-soft-drink-table_141793-2843.jpg" } },
|
features={[
|
||||||
{ title: "Artisan Pastries", description: "Freshly baked in our ovens every morning.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-fillet-with-sauce-top_140725-6436.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/barista-is-preparing-coffee_140725-8112.jpg" } },
|
{ id: "1", title: "Artisan Breakfast", tags: ["Morning Special"], imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-with-parmesan-ceramic-plate-luxury-restaurant_114579-2154.jpg" },
|
||||||
]}
|
{ id: "2", title: "Craft Coffee", tags: ["Single Origin"], imageSrc: "http://img.b2bpic.net/free-photo/male-barista-pouring-boiling-water-coffee-filter_23-2148824409.jpg" },
|
||||||
showStepNumbers={false}
|
{ id: "3", title: "Homemade Pastries", tags: ["Freshly Baked"], imageSrc: "http://img.b2bpic.net/free-photo/croissant-basket-with-cup-tea-side-view-wooden-table_176474-8129.jpg" }
|
||||||
title="Signature Cafe Delights"
|
]}
|
||||||
description="Discover our carefully crafted menu, featuring artisan coffee and freshly prepared seasonal delicacies."
|
/>
|
||||||
/>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="products" data-section="products">
|
<div id="products" data-section="products">
|
||||||
<ProductCardThree
|
<ProductCardTwo
|
||||||
animationType="slide-up"
|
gridVariant="four-items-2x2-equal-grid"
|
||||||
textboxLayout="split"
|
animationType="slide-up"
|
||||||
gridVariant="two-columns-alternating-heights"
|
title="Menu Favorites"
|
||||||
useInvertedBackground={true}
|
description="Explore our curated favorites."
|
||||||
products={[
|
textboxLayout="default"
|
||||||
{ id: "1", name: "Rustic Sandwich", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-fried-chicken_140725-3346.jpg" },
|
useInvertedBackground={false}
|
||||||
{ id: "2", name: "Berry Cheesecake", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-creamy-cake-with-cup-tea-light-dark-background_140725-80168.jpg" },
|
products={[
|
||||||
{ id: "3", name: "Signature Latte", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-chocolate-cakes-with-icing-cup-tea-pink_140725-78155.jpg" },
|
{ id: "1", brand: "Classic", name: "Signature Latte", price: "$6", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-chocolate-cakes-with-icing-cup-tea-pink_140725-78155.jpg" },
|
||||||
{ id: "4", name: "Butter Croissant", price: "$5", imageSrc: "http://img.b2bpic.net/free-photo/croissant-basket-with-cup-tea-side-view-wooden-table_176474-8129.jpg" },
|
{ id: "2", brand: "Sweet", name: "Berry Cheesecake", price: "$8", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-creamy-cake-with-cup-tea-light-dark-background_140725-80168.jpg" }
|
||||||
{ id: "5", name: "Summer Salad", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/front-close-up-view-fresh-salad-with-sliced-vegetables-greens-inside-white-plate-white-floor_140725-14232.jpg" },
|
]}
|
||||||
{ id: "6", name: "Earl Grey Tea", price: "$7", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tea-party-composition-table_23-2149064401.jpg" },
|
/>
|
||||||
]}
|
</div>
|
||||||
title="Our Menu Favorites"
|
|
||||||
description="Explore our selection of premium cafe offerings."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardOne
|
<TestimonialCardSix
|
||||||
textboxLayout="split"
|
animationType="slide-up"
|
||||||
gridVariant="bento-grid"
|
title="Hear from Our Guests"
|
||||||
animationType="slide-up"
|
description="Experiences that define us."
|
||||||
useInvertedBackground={false}
|
textboxLayout="default"
|
||||||
testimonials={[
|
useInvertedBackground={false}
|
||||||
{ id: "1", name: "Anna S.", role: "Foodie", company: "Local Guide", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-restaurant_23-2148395392.jpg" },
|
testimonials={[
|
||||||
{ id: "2", name: "Mark R.", role: "Designer", company: "Creative Lab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-coffee-talking-phone_1303-9907.jpg" },
|
{ id: "1", name: "Anna S.", handle: "@anna.coffee", testimonial: "The ambiance is perfect for a relaxing morning. Absolutely love their pastries!" },
|
||||||
{ id: "3", name: "Elena K.", role: "Student", company: "City University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-hipster-male-blue-fleece-shirt-jeans-holds-cup-morning-coffee-while-sitting-window-sill-studio-with-loft-interior_613910-18991.jpg" },
|
{ id: "2", name: "Mark R.", handle: "@mark.design", testimonial: "Best coffee in the city. The staff makes you feel at home every single visit." }
|
||||||
{ id: "4", name: "David L.", role: "Architect", company: "Studio B", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/watching-funny-video-internet-with-coworkers-cafe-terrace-with-tasty-food_8353-10265.jpg" },
|
]}
|
||||||
{ id: "5", name: "Sophie P.", role: "Traveler", company: "Nomad Life", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/guy-with-long-hair-dressed-fashionable-denim-jacket-cafe_273609-3904.jpg" },
|
/>
|
||||||
]}
|
</div>
|
||||||
title="Loved by Our Guests"
|
|
||||||
description="Hear what our regulars say about their experiences at our cafe."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="social" data-section="social">
|
<div id="social" data-section="social">
|
||||||
<SocialProofOne
|
<SocialProofOne
|
||||||
textboxLayout="default"
|
names={["Culinary Magazine", "City Guide", "Local Foodie Hub", "Barista Weekly"]}
|
||||||
useInvertedBackground={true}
|
title="As Seen In"
|
||||||
names={[
|
description="Honored to be recognized for our craft."
|
||||||
"Foodies Digest", "Culinary Award", "Best City Cafe", "Local Guide", "Top Rated Eats"]}
|
textboxLayout="default"
|
||||||
title="Recognized for Quality"
|
useInvertedBackground={false}
|
||||||
description="Featured in various culinary guides and associations."
|
/>
|
||||||
/>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqBase
|
<FaqDouble
|
||||||
textboxLayout="default"
|
faqs={[
|
||||||
useInvertedBackground={false}
|
{ id: "1", title: "Do you have outdoor seating?", content: "Yes, our serene terrace is open during pleasant weather." },
|
||||||
faqs={[
|
{ id: "2", title: "Can we host events?", content: "We would love to help you celebrate. Please reach out to our team." }
|
||||||
{ id: "f1", title: "Do you accept reservations?", content: "Yes, for groups larger than four guests, we recommend booking in advance." },
|
]}
|
||||||
{ id: "f2", title: "Are you pet friendly?", content: "We have an outdoor terrace where pets are more than welcome." },
|
title="Common Inquiries"
|
||||||
{ id: "f3", title: "Do you offer catering?", content: "Absolutely! Contact us to discuss your event details." },
|
description="We are here to answer your questions."
|
||||||
]}
|
textboxLayout="default"
|
||||||
title="Frequently Asked Questions"
|
faqsAnimation="slide-up"
|
||||||
description="Everything you need to know about our cafe."
|
useInvertedBackground={false}
|
||||||
faqsAnimation="slide-up"
|
/>
|
||||||
/>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCenter
|
<ContactSplit
|
||||||
useInvertedBackground={true}
|
tag="Get in Touch"
|
||||||
background={{ variant: "radial-gradient" }}
|
title="Ready for a Coffee?"
|
||||||
title="Visit Us Today"
|
description="Drop us a message or stop by the cafe for a visit."
|
||||||
description="We are located in the heart of the city, open from 8 AM to 8 PM daily."
|
background={{ variant: "plain" }}
|
||||||
tag="Contact Us"
|
mediaPosition="right"
|
||||||
/>
|
imageSrc="http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3458.jpg"
|
||||||
</div>
|
useInvertedBackground={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoReveal
|
<FooterSimple
|
||||||
logoText="Cafe Classic"
|
columns={[
|
||||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
{ title: "Cafe", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }] },
|
||||||
rightLink={{ text: "Contact", href: "#contact" }}
|
{ title: "Contact", items: [{ label: "Location", href: "#" }, { label: "Support", href: "#" }] }
|
||||||
/>
|
]}
|
||||||
</div>
|
bottomLeftText="© 2024 Cafe Classic"
|
||||||
|
bottomRightText="All rights reserved."
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user