Compare commits
16 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 29c1bc4be1 | |||
| e36cabad7e | |||
| fad30e4458 | |||
| 5bdf815db3 | |||
| c880e3840d | |||
| 2c027ea24d | |||
| 7e130e2e8a | |||
| d852fd8746 | |||
| 941f4e4f4b | |||
| 56476b086d | |||
| e3cf243edc | |||
| c1e271beb7 | |||
| ee5671b088 | |||
| 0df71fe5d3 | |||
| 6ddebcdf53 | |||
| 578d902b62 |
250
src/app/page.tsx
250
src/app/page.tsx
@@ -2,16 +2,13 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -19,150 +16,117 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="large"
|
||||
background="blurBottom"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Cafe Classic"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Reservations", id: "reservations" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Cafe Classic"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="A Classic Experience in Every Sip"
|
||||
description="Step into a timeless atmosphere where quality meets comfort. Join us for a memorable culinary experience in the heart of the city."
|
||||
buttons={[{ text: "Visit Us", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg"
|
||||
avatars={[
|
||||
{ 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" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/coffee-macaroons-cafe-table_23-2147787053.jpg", alt: "Coffee and macaroons on cafe table" },
|
||||
{ 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" },
|
||||
{ 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" },
|
||||
]}
|
||||
avatarText="Join 5,000+ local coffee lovers"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
title="Cafe Classic"
|
||||
description="An exquisite dining experience in the heart of the city."
|
||||
background={{ variant: "plain" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Authentic Cafe Traditions"
|
||||
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."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureCardNine
|
||||
title="Our Menu"
|
||||
description="Authentic flavors crafted with passion."
|
||||
showStepNumbers={false}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Breakfast", description: "Start your day with our farm-to-table breakfast items.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/croissant-basket-with-cup-tea-side-view-wooden-table_176474-8129.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-with-parmesan-ceramic-plate-luxury-restaurant_114579-2154.jpg" } }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ 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" } },
|
||||
{ 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" } },
|
||||
{ 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" } },
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Signature Cafe Delights"
|
||||
description="Discover our carefully crafted menu, featuring artisan coffee and freshly prepared seasonal delicacies."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardFour
|
||||
title="Our Gallery"
|
||||
description="A visual journey through our space."
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Atmosphere", price: "", variant: "", imageSrc: "http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg?_wi=2" },
|
||||
{ id: "2", name: "Coffee Art", price: "", variant: "", imageSrc: "http://img.b2bpic.net/free-photo/male-barista-pouring-boiling-water-coffee-filter_23-2148824409.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Rustic Sandwich", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-fried-chicken_140725-3346.jpg" },
|
||||
{ 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" },
|
||||
{ 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: "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: "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" },
|
||||
]}
|
||||
title="Our Menu Favorites"
|
||||
description="Explore our selection of premium cafe offerings."
|
||||
/>
|
||||
</div>
|
||||
<div id="reservations" data-section="reservations">
|
||||
<ContactSplitForm
|
||||
title="Reservations"
|
||||
description="Secure your table at Cafe Classic."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name" },
|
||||
{ name: "date", type: "date", placeholder: "Date" }
|
||||
]}
|
||||
buttonText="Book Now"
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-cup-with-delicious-coffee-table_23-2149703757.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ 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" },
|
||||
{ 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: "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: "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" },
|
||||
]}
|
||||
title="Loved by Our Guests"
|
||||
description="Hear what our regulars say about their experiences at our cafe."
|
||||
/>
|
||||
</div>
|
||||
<div id="hours" data-section="hours">
|
||||
<FaqBase
|
||||
title="Hours of Operation"
|
||||
description="Visit us during our regular operating hours."
|
||||
faqs={[
|
||||
{ id: "1", title: "Weekdays", content: "08:00 AM - 09:00 PM" },
|
||||
{ id: "2", title: "Weekends", content: "09:00 AM - 11:00 PM" }
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Foodies Digest", "Culinary Award", "Best City Cafe", "Local Guide", "Top Rated Eats"]}
|
||||
title="Recognized for Quality"
|
||||
description="Featured in various culinary guides and associations."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Contact Information"
|
||||
description="Reach out to us for any inquiries."
|
||||
inputs={[
|
||||
{ name: "email", type: "email", placeholder: "Email" },
|
||||
{ name: "msg", type: "text", placeholder: "Message" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-delicious-chocolate-cakes-with-icing-cup-tea-pink_140725-78155.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ 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." },
|
||||
{ id: "f3", title: "Do you offer catering?", content: "Absolutely! Contact us to discuss your event details." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our cafe."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Visit Us Today"
|
||||
description="We are located in the heart of the city, open from 8 AM to 8 PM daily."
|
||||
tag="Contact Us"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Cafe Classic"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Cafe Classic"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }] },
|
||||
{ title: "Connect", items: [{ label: "Instagram", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user