243 lines
14 KiB
TypeScript
243 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLarge"
|
|
background="fluid"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Menu", id: "#menu"},
|
|
{
|
|
name: "Testimonials", id: "#testimonials"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/gradient-kitsune-logo-template_52683-84539.jpg"
|
|
logoAlt="Dessert Fox logo"
|
|
brandName="Dessert Fox"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
title="Where croffles become cravings"
|
|
description="Handcrafted desserts and perfectly balanced matcha lattes, made fresh daily in a cozy, minimal café designed for unforgettable moments."
|
|
buttons={[
|
|
{
|
|
text: "View Menu & Visit", href: "#menu"},
|
|
]}
|
|
imageSrc="https://images.unsplash.com/photo-1628189675276-805c6d36e2f6?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&w=1200"
|
|
imageAlt="Gourmet croffles and strawberry matcha latte"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={true}
|
|
title="Our Passion for Perfection"
|
|
description="Dessert Fox is more than just a café; it's a sanctuary for those who appreciate the delicate balance of flavor and the art of confectionery. We meticulously craft each croffle to golden perfection and blend our signature strawberry matcha latte for an exquisite taste experience that delights all senses."
|
|
imageSrc="https://images.unsplash.com/photo-1506450506013-bc794f38896a?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&w=1200"
|
|
imageAlt="Cozy cafe interior with people"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "The Original Croffle", description: "A delightful fusion of croissant and waffle, golden-crisp on the outside, soft and airy within. Experience the perfect texture and buttery aroma.", phoneOne: {
|
|
imageSrc: "https://images.unsplash.com/photo-1678144005877-628f80456108?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&w=800", imageAlt: "Croffle with cream and berries"},
|
|
phoneTwo: {
|
|
imageSrc: "https://images.unsplash.com/photo-1610444558550-b0895c25c345?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&w=800", imageAlt: "Plain croffle on a stand"}
|
|
},
|
|
{
|
|
title: "Viral Strawberry Matcha Latte", description: "Our refreshing, perfectly balanced strawberry matcha latte. A vibrant blend of sweet strawberries and authentic matcha, crafted for a serene sip.", phoneOne: {
|
|
imageSrc: "https://images.unsplash.com/photo-1627914801905-2d33d9b04f29?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&w=800", imageAlt: "Strawberry matcha latte, clear layers"},
|
|
phoneTwo: {
|
|
imageSrc: "https://images.unsplash.com/photo-1627914801905-2d33d9b04f29?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&w=800", imageAlt: "Strawberry matcha latte, clear layers"}
|
|
},
|
|
{
|
|
title: "Seasonal Delights", description: "Indulge in our rotating selection of seasonal croffles and specialty drinks, each inspired by the freshest ingredients and culinary innovation.", phoneOne: {
|
|
imageSrc: "https://images.unsplash.com/photo-1598270140228-577d612f00f0?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&w=800", imageAlt: "Seasonal fruit tart"},
|
|
phoneTwo: {
|
|
imageSrc: "https://images.unsplash.com/photo-1601618296245-0e06071477d9?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&w=800", imageAlt: "Refreshing drink with berries"}
|
|
}
|
|
]}
|
|
showStepNumbers={true}
|
|
title="Signature Indulgences"
|
|
description="Discover the treats that have captivated hearts and taste buds alike. Our commitment to quality and unique flavors shines through every creation."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "product-1", name: "Caramel Drizzle Croffle", price: "$7.50", variant: "Sweet & Buttery", imageSrc: "https://images.unsplash.com/photo-1628189675276-805c6d36e2f6?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&w=800", imageAlt: "Caramel Drizzle Croffle"},
|
|
{
|
|
id: "product-2", name: "Strawberry Matcha Latte", price: "$6.00", variant: "Refreshing & Vibrant", imageSrc: "https://images.unsplash.com/photo-1627914801905-2d33d9b04f29?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&w=800", imageAlt: "Strawberry Matcha Latte"},
|
|
{
|
|
id: "product-3", name: "Double Chocolate Croffle", price: "$8.00", variant: "Rich & Indulgent", imageSrc: "https://images.unsplash.com/photo-1549488344-ec8f381f7cf8?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&w=800", imageAlt: "Double Chocolate Croffle"},
|
|
{
|
|
id: "product-4", name: "Signature Espresso Latte", price: "$5.50", variant: "Smooth & Creamy", imageSrc: "https://images.unsplash.com/photo-1506371725667-a0833a69a031?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&w=800", imageAlt: "Espresso Latte with Latte Art"},
|
|
{
|
|
id: "product-5", name: "Seasonal Fruit Tart", price: "$9.00", variant: "Fresh & Tangy", imageSrc: "https://images.unsplash.com/photo-1598270140228-577d612f00f0?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&w=800", imageAlt: "Seasonal Fruit Tart"},
|
|
{
|
|
id: "product-6", name: "Classic Butter Croffle", price: "$6.50", variant: "Simple & Elegant", imageSrc: "https://images.unsplash.com/photo-1610444558550-b0895c25c345?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&w=800", imageAlt: "Classic Butter Croffle"}
|
|
]}
|
|
title="Our Exquisite Menu"
|
|
description="A curated selection of handcrafted croffles, artisanal coffees, and specialty beverages designed to elevate your everyday moments."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "testimonial-1", title: "Absolutely Devine!", quote: "Dessert Fox is my go-to spot! The croffles are pure perfection, and the strawberry matcha latte is seriously addictive. Every corner is Instagram-worthy!", name: "Sarah J.", role: "Content Creator", imageSrc: "https://images.unsplash.com/photo-1614761001966-26e8492025ed?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&w=400", imageAlt: "Sarah J."},
|
|
{
|
|
id: "testimonial-2", title: "My Daily Ritual", quote: "I'm a regular here because the quality is consistently exceptional. The cozy atmosphere and balanced flavors make it the perfect escape from a busy day.", name: "Michael C.", role: "Local Entrepreneur", imageSrc: "https://images.unsplash.com/photo-1552508744-44b41a540131?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&w=400", imageAlt: "Michael C."},
|
|
{
|
|
id: "testimonial-3", title: "An Unforgettable Experience", quote: "My friends and I stumbled upon Dessert Fox and were immediately charmed. The treats are luxurious yet affordable, and the ambiance is fantastic for a relaxed hangout. Highly recommend!", name: "Emily R.", role: "Student", imageSrc: "https://images.unsplash.com/photo-1594917409201-92e105b0d6b9?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&w=400", imageAlt: "Emily R."},
|
|
{
|
|
id: "testimonial-4", title: "Picture Perfect!", quote: "As someone who loves aesthetics, Dessert Fox checks all the boxes. The presentation of every item is art, and the taste lives up to the hype. My feed loves it!", name: "Jessica L.", role: "Photographer", imageSrc: "https://images.unsplash.com/photo-1589182390886-f6d8926b4859?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&w=400", imageAlt: "Jessica L."},
|
|
{
|
|
id: "testimonial-5", title: "Beyond Expectations", quote: "I've tried many matcha lattes, but Dessert Fox's strawberry matcha is truly in a league of its own. It's the perfect blend of sweet and earthy. A hidden gem!", name: "David K.", role: "Food Critic", imageSrc: "https://images.unsplash.com/photo-1596752768560-6b6a6c4b1b36?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&w=400", imageAlt: "David K."}
|
|
]}
|
|
title="What Our Guests Say"
|
|
description="Hear from our delightful community about their favorite Dessert Fox moments and why they keep coming back for more."
|
|
buttonAnimation="none"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Vogue", "Time Out", "Eater", "Lonely Planet", "Taste of Home", "Forbes", "Condé Nast Traveler"]}
|
|
title="As Seen In"
|
|
description="Featured in leading publications and admired by tastemakers, Dessert Fox is celebrated for its culinary innovation and captivating atmosphere."
|
|
showCard={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "What are croffles?", content: "Croffles are a delightful hybrid pastry, combining the flaky, buttery layers of a croissant with the crisp, golden texture of a waffle. They are baked fresh daily and can be enjoyed plain or with various toppings."},
|
|
{
|
|
id: "faq-2", title: "Are your ingredients locally sourced?", content: "We prioritize freshness and quality, sourcing organic dairy and seasonal fruits from local farms whenever possible to ensure the best taste in our desserts and drinks."},
|
|
{
|
|
id: "faq-3", title: "Do you offer vegan or gluten-free options?", content: "While our signature croffles contain butter and gluten, we offer a selection of vegan and gluten-free pastries and beverages. Please ask our staff for today's special offerings."}
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common inquiries about our menu, ingredients, and visiting Dessert Fox."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Visit Us"
|
|
title="Indulge in Person"
|
|
description="Experience the magic of Dessert Fox firsthand. Find us at our cozy location, perfect for a treat or a delightful catch-up."
|
|
imageSrc="https://images.unsplash.com/photo-1541167711449-01490518714b?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb&w=1200"
|
|
imageAlt="Cozy cafe exterior, inviting"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email for updates"
|
|
buttonText="Subscribe"
|
|
termsText="By clicking Subscribe you're confirming that you agree with our Privacy Policy."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoSrc="http://img.b2bpic.net/free-vector/gradient-kitsune-logo-template_52683-84539.jpg"
|
|
logoAlt="Dessert Fox Logo"
|
|
logoText="Dessert Fox"
|
|
columns={[
|
|
{
|
|
title: "Explore", items: [
|
|
{
|
|
label: "Home", href: "#"},
|
|
{
|
|
label: "Menu", href: "#menu"},
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{
|
|
label: "Instagram", href: "https://instagram.com/dessertfox"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
{
|
|
label: "Reviews", href: "#testimonials"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Dessert Fox. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |