441 lines
15 KiB
TypeScript
441 lines
15 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||
import { Award, Coffee } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="hover-magnetic"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="pill"
|
||
contentWidth="small"
|
||
sizing="largeSizeMediumTitles"
|
||
background="noise"
|
||
cardStyle="solid"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{
|
||
name: "Home",
|
||
id: "#hero",
|
||
},
|
||
{
|
||
name: "About",
|
||
id: "#about",
|
||
},
|
||
{
|
||
name: "Menu",
|
||
id: "#menu",
|
||
},
|
||
{
|
||
name: "Vibe",
|
||
id: "#vibe",
|
||
},
|
||
{
|
||
name: "Testimonials",
|
||
id: "#testimonials",
|
||
},
|
||
{
|
||
name: "Location",
|
||
id: "#location",
|
||
},
|
||
{
|
||
name: "Social",
|
||
id: "#social",
|
||
},
|
||
]}
|
||
brandName="Caffe Paradiso"
|
||
bottomLeftText="202B Elizabeth St, New York, NY 10012"
|
||
bottomRightText="@caffeparadiso.nyc"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitKpi
|
||
background={{
|
||
variant: "radial-gradient",
|
||
}}
|
||
title="Paradise Found in Nolita"
|
||
description="On-Tap Specialty Coffee · Italian Elegance · 202B Elizabeth St, NYC"
|
||
kpis={[
|
||
{
|
||
value: "4.5",
|
||
label: "Star Rating",
|
||
},
|
||
{
|
||
value: "NYC",
|
||
label: "Nolita Favorite",
|
||
},
|
||
{
|
||
value: "Viral",
|
||
label: "Social Buzz",
|
||
},
|
||
]}
|
||
enableKpiAnimation={true}
|
||
tag="As seen on TikTok ✦"
|
||
buttons={[
|
||
{
|
||
text: "See Our Menu",
|
||
href: "#menu",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-cup-coffee-macarons_23-2148349701.jpg?_wi=1"
|
||
imageAlt="Delicious Caffe Paradiso salted brown butter oat latte"
|
||
mediaAnimation="slide-up"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg",
|
||
alt: "Customer avatar 1",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/woman-with-pink-ribbon-breast-cancer-awareness-portrait_53876-96950.jpg",
|
||
alt: "Customer avatar 2",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/person-pressing-buzzer_23-2149731399.jpg",
|
||
alt: "Customer avatar 3",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-black-turtleneck-glasses-smiling-with-happy-face-showing-thumbs-up_141793-54522.jpg",
|
||
alt: "Customer avatar 4",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/young-man-blue-shirt-jeans-holding-cup-while-putting-hand-head-looking-optimistic-front-view_176474-84568.jpg",
|
||
alt: "Customer avatar 5",
|
||
},
|
||
]}
|
||
avatarText="Loved by 1000+ Coffee Aficionados"
|
||
marqueeItems={[
|
||
{
|
||
type: "text",
|
||
text: "Authentic Italian Experience",
|
||
},
|
||
{
|
||
type: "text-icon",
|
||
text: "On-Tap Specialties",
|
||
icon: Coffee,
|
||
},
|
||
{
|
||
type: "image",
|
||
src: "http://img.b2bpic.net/free-photo/set-coffee-beans-cinnamon-sticks-dried-herbs-coffee-cups-wooden-background-top-view_176474-64497.jpg",
|
||
alt: "Coffee beans and cups",
|
||
},
|
||
{
|
||
type: "text",
|
||
text: "Nolita's Best Kept Secret",
|
||
},
|
||
{
|
||
type: "text-icon",
|
||
text: "Award-Winning Brews",
|
||
icon: Award,
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextSplitAbout
|
||
useInvertedBackground={false}
|
||
title="Our Story: Italian Soul in Nolita"
|
||
description={[
|
||
"Born from the same passion that created Dante NYC, Caffe Paradiso brings Italian coffee culture to the heart of Nolita. Our signature drinks flow straight from the tap — rich, smooth, and made with intention. Come for the coffee. Stay for the vibe.",
|
||
"Highlighting our custom green onyx stone bar, we offer on-tap coffee and Italian-inspired beverages, located right across from the serene Elizabeth Street Garden.",
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{
|
||
id: "latte",
|
||
brand: "Caffe Paradiso",
|
||
name: "Salted Brown Butter Oat Latte",
|
||
price: "$7.50",
|
||
rating: 5,
|
||
reviewCount: "200+",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-smiling-with-big-chocolate-milkshake-coffee-shop_135149-16.jpg?_wi=1",
|
||
imageAlt: "Salted Brown Butter Oat Latte",
|
||
},
|
||
{
|
||
id: "cream-top",
|
||
brand: "Caffe Paradiso",
|
||
name: "Paradiso Cream Top",
|
||
price: "$6.50",
|
||
rating: 5,
|
||
reviewCount: "150+",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-iced-coffee-beverage_23-2149648688.jpg?_wi=1",
|
||
imageAlt: "Paradiso Cream Top",
|
||
},
|
||
{
|
||
id: "shakerato",
|
||
brand: "Caffe Paradiso",
|
||
name: "White Chocolate Shakerato",
|
||
price: "$7.00",
|
||
rating: 5,
|
||
reviewCount: "120+",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mokachino-coffee-with-eclair_141793-2891.jpg?_wi=1",
|
||
imageAlt: "White Chocolate Shakerato",
|
||
},
|
||
{
|
||
id: "matcha",
|
||
brand: "Caffe Paradiso",
|
||
name: "Strawberry Matcha",
|
||
price: "$7.00",
|
||
rating: 5,
|
||
reviewCount: "180+",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-with-coffee-cup_23-2150244119.jpg?_wi=1",
|
||
imageAlt: "Strawberry Matcha",
|
||
},
|
||
{
|
||
id: "espresso",
|
||
brand: "Caffe Paradiso",
|
||
name: "Espresso",
|
||
price: "$4.00",
|
||
rating: 5,
|
||
reviewCount: "250+",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beverage-leaf-cloth_23-2147885990.jpg",
|
||
imageAlt: "Classic Espresso",
|
||
},
|
||
{
|
||
id: "cocoa",
|
||
brand: "Caffe Paradiso",
|
||
name: "Hot Cocoa",
|
||
price: "$5.50",
|
||
rating: 5,
|
||
reviewCount: "90+",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-chocolate-milkshake-with-cocoa-powder-chocolate-pieces_84443-84346.jpg",
|
||
imageAlt: "Rich Hot Cocoa",
|
||
},
|
||
]}
|
||
title="Our Signature Brews"
|
||
description="Taste a little bit of paradise with every sip. Each cup crafted for an unforgettable experience."
|
||
/>
|
||
</div>
|
||
|
||
<div id="vibe" data-section="vibe">
|
||
<MetricCardSeven
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
metrics={[
|
||
{
|
||
id: "bar",
|
||
value: "Luxe",
|
||
title: "Green Onyx Bar",
|
||
items: [
|
||
"Custom crafted for elegance & style.",
|
||
],
|
||
},
|
||
{
|
||
id: "garden",
|
||
value: "Steps",
|
||
title: "Elizabeth St. Garden",
|
||
items: [
|
||
"Your tranquil escape, just across the street.",
|
||
],
|
||
},
|
||
{
|
||
id: "social",
|
||
value: "Fame",
|
||
title: "Social Media Buzz",
|
||
items: [
|
||
"Loved by TikTok & Instagram creators.",
|
||
],
|
||
},
|
||
]}
|
||
title="More Than Just a Coffee Shop"
|
||
description="Experience the unique blend of quiet luxury, Italian soul, and vibrant New York energy."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFive
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "1",
|
||
name: "Alex P.",
|
||
date: "April 15, 2026",
|
||
title: "A True Nolita Gem!",
|
||
quote: "Caffe Paradiso is my new favorite spot. The Salted Brown Butter Oat Latte is a game-changer. The vibe is immaculate, perfect for a quiet moment or meeting friends.",
|
||
tag: "Coffee Lover",
|
||
avatarSrc: "http://img.b2bpic.net/free-photo/assortment-with-happy-emotion_23-2148860245.jpg",
|
||
avatarAlt: "Alex P. avatar",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cup-coffee-macarons_23-2148349701.jpg?_wi=2",
|
||
imageAlt: "young woman smiling coffee shop",
|
||
},
|
||
{
|
||
id: "2",
|
||
name: "Maria S.",
|
||
date: "March 28, 2026",
|
||
title: "Viral for a Reason!",
|
||
quote: "Saw this place all over TikTok and had to visit. The Paradiso Cream Top is stunning and tastes even better. The interior design makes you feel like you're in Italy.",
|
||
tag: "Social Influencer",
|
||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-cup-looking-away_23-2148334520.jpg",
|
||
avatarAlt: "Maria S. avatar",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-smiling-with-big-chocolate-milkshake-coffee-shop_135149-16.jpg?_wi=2",
|
||
imageAlt: "young woman smiling coffee shop",
|
||
},
|
||
{
|
||
id: "3",
|
||
name: "David L.",
|
||
date: "February 10, 2026",
|
||
title: "Best Espresso in NYC",
|
||
quote: "As an espresso purist, I can confidently say Caffe Paradiso serves one of the best espressos outside of Italy. The quality is exceptional, and the ambiance is pure luxury.",
|
||
tag: "Espresso Enthusiast",
|
||
avatarSrc: "http://img.b2bpic.net/free-photo/adorable-young-female-with-dark-long-hair-dressed-striped-t-shirt-coffee-shop-drinks-fresh-juice-espresso_273609-2791.jpg",
|
||
avatarAlt: "David L. avatar",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-iced-coffee-beverage_23-2149648688.jpg?_wi=2",
|
||
imageAlt: "young woman smiling coffee shop",
|
||
},
|
||
{
|
||
id: "4",
|
||
name: "Chloe G.",
|
||
date: "January 5, 2026",
|
||
title: "My Daily Dose of Paradise",
|
||
quote: "I work nearby and Caffe Paradiso has become my daily ritual. The White Chocolate Shakerato is pure indulgence, and the staff are always so welcoming. Highly recommend!",
|
||
tag: "Regular Customer",
|
||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-glasses-having-glass-water-pub_23-2148682627.jpg",
|
||
avatarAlt: "Chloe G. avatar",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mokachino-coffee-with-eclair_141793-2891.jpg?_wi=2",
|
||
imageAlt: "young woman smiling coffee shop",
|
||
},
|
||
{
|
||
id: "5",
|
||
name: "Sarah J.",
|
||
date: "December 20, 2025",
|
||
title: "Beyond Expectations",
|
||
quote: "The Strawberry Matcha is as beautiful as it is delicious. Caffe Paradiso offers such a unique experience, a true escape from the city hustle. A must-visit in Nolita!",
|
||
tag: "Matcha Lover",
|
||
avatarSrc: "http://img.b2bpic.net/free-photo/unrecognizable-young-woman-sitting-table-cafe-working-laptop_1098-20175.jpg",
|
||
avatarAlt: "Sarah J. avatar",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-with-coffee-cup_23-2150244119.jpg?_wi=2",
|
||
imageAlt: "young woman smiling coffee shop",
|
||
},
|
||
]}
|
||
title="What Our Guests Say"
|
||
description="Don't just take our word for it—our loyal customers speak volumes about their Caffe Paradiso experience. Rated 4.5 stars!"
|
||
/>
|
||
</div>
|
||
|
||
<div id="location" data-section="location">
|
||
<FaqSplitMedia
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "address",
|
||
title: "Address",
|
||
content: "202B Elizabeth St, New York, NY 10012",
|
||
},
|
||
{
|
||
id: "hours",
|
||
title: "Hours",
|
||
content: "Mon – Sun: 8:00 AM – 6:00 PM",
|
||
},
|
||
{
|
||
id: "note",
|
||
title: "Nearby Landmark",
|
||
content: "Located in Nolita — steps from Elizabeth Street Garden.",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/anime-style-house-structure_23-2151064747.jpg"
|
||
imageAlt="Google Map showing Caffe Paradiso location in Nolita, NYC"
|
||
mediaAnimation="slide-up"
|
||
mediaPosition="right"
|
||
title="Visit Our Nolita Home"
|
||
description="Find us nestled in the vibrant heart of Nolita, steps from Elizabeth Street Garden."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="social" data-section="social">
|
||
<ContactText
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "plain",
|
||
}}
|
||
text="Join Our Community of Coffee Lovers. Follow us for daily specials & behind-the-scenes magic!"
|
||
buttons={[
|
||
{
|
||
text: "Follow on Instagram",
|
||
href: "https://instagram.com/caffeparadiso.nyc",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBase
|
||
columns={[
|
||
{
|
||
title: "Explore",
|
||
items: [
|
||
{
|
||
label: "Menu",
|
||
href: "#menu",
|
||
},
|
||
{
|
||
label: "Our Story",
|
||
href: "#about",
|
||
},
|
||
{
|
||
label: "The Vibe",
|
||
href: "#vibe",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Visit",
|
||
items: [
|
||
{
|
||
label: "Location",
|
||
href: "#location",
|
||
},
|
||
{
|
||
label: "Hours",
|
||
href: "#location",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Connect",
|
||
items: [
|
||
{
|
||
label: "Instagram",
|
||
href: "https://instagram.com/caffeparadiso.nyc",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
logoText="Caffe Paradiso"
|
||
copyrightText="© 2026 Caffe Paradiso · 202B Elizabeth St, Nolita, NYC"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|