Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| b370557bb9 | |||
| 932e143dab | |||
| 2b361943a8 | |||
| af03496d97 | |||
| a0a19d2692 |
281
src/app/page.tsx
281
src/app/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
@@ -30,130 +30,40 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
]}
|
||||
brandName="Tea Sleep"
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "#products",
|
||||
}}
|
||||
text: "Order Now", href: "#products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Sip. Relax. Repeat."
|
||||
description="Experience the perfect balance of artisanal coffee and serene atmosphere at Tea Sleep. Your quiet escape in every cup."
|
||||
testimonials={[
|
||||
tag="Artisanal Coffee"
|
||||
rating={5}
|
||||
ratingText="5-star experience from 500+ happy coffee lovers"
|
||||
mediaItems={[
|
||||
{
|
||||
name: "Alex P.",
|
||||
handle: "@alexcoffeelover",
|
||||
testimonial: "The best roast I have ever had! Truly a hidden gem.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-having-coffee-restaurant_23-2148172665.jpg?_wi=1",
|
||||
imageAlt: "cozy coffee shop interior warm lighting",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-having-coffee-restaurant_23-2148172665.jpg?_wi=2", imageAlt: "cozy coffee shop interior warm lighting"
|
||||
},
|
||||
{
|
||||
name: "Sarah D.",
|
||||
handle: "@sarahbeans",
|
||||
testimonial: "I love the vibe here, perfect place to unwind.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bar-concept-with-coffee_23-2147798091.jpg?_wi=1",
|
||||
imageAlt: "barista making coffee in cafe",
|
||||
},
|
||||
{
|
||||
name: "Mark L.",
|
||||
handle: "@markcaffeine",
|
||||
testimonial: "The latte art is just as impressive as the flavor.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bowl-with-coffee-beans_23-2148937294.jpg",
|
||||
imageAlt: "fresh organic coffee beans",
|
||||
},
|
||||
{
|
||||
name: "Elena R.",
|
||||
handle: "@elenadrinks",
|
||||
testimonial: "A sanctuary in the middle of the busy city center.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-delicious-coffee-cup_23-2148865585.jpg",
|
||||
imageAlt: "barista craft coffee pouring",
|
||||
},
|
||||
{
|
||||
name: "James K.",
|
||||
handle: "@jamesbrew",
|
||||
testimonial: "Consistent, high-quality coffee every single visit.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-stylish-girl-with-blonde-hair-pink-lips-sitting-coffee-shop-with-wooden-chairs-table-she-holds-cup-cofee-touches-her-hair_197531-102.jpg",
|
||||
imageAlt: "comfortable cafe seating interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bar-concept-with-coffee_23-2147798091.jpg?_wi=2", imageAlt: "barista preparing coffee"
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/boy-having-coffee-restaurant_23-2148172665.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-entrepreneur-girl-sits-with-laptop-cafe-works-remore-from-restaurant-drinks-coffe_1258-120148.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16127.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-smiling-blonde-russian-girl-holds-coffee-cup-puts-hand-waist-isolated-orange-background-with-copy-space_141793-65552.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-attracted-guy-talking-smiling-looking-him-amused-admiration-laughing-funny-stories-cute-european-woman-wear-glasses-enjoy-coffee-friendly-conversation-sit-table-friend-near-laptop_197531-30327.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethically Sourced",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Small Batch Roast",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handcrafted Drinks",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Serene Atmosphere",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Daily Freshness",
|
||||
},
|
||||
text: "View Menu", href: "#products"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,17 +75,11 @@ export default function LandingPage() {
|
||||
description="We believe that a cup of coffee is more than just a drink; it's a moment of peace. Our beans are ethically sourced, roasted in small batches, and prepared with love."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Organic Beans",
|
||||
},
|
||||
value: "100%", title: "Organic Beans"},
|
||||
{
|
||||
value: "5k+",
|
||||
title: "Happy Customers",
|
||||
},
|
||||
value: "5k+", title: "Happy Customers"},
|
||||
{
|
||||
value: "12",
|
||||
title: "Origin Blends",
|
||||
},
|
||||
value: "12", title: "Origin Blends"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bar-concept-with-coffee_23-2147798091.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -191,19 +95,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Ethically Sourced",
|
||||
description: "Sustainably farmed beans for a better planet.",
|
||||
},
|
||||
title: "Ethically Sourced", description: "Sustainably farmed beans for a better planet."},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Expert Roasting",
|
||||
description: "Small batches for peak flavor freshness.",
|
||||
},
|
||||
title: "Expert Roasting", description: "Small batches for peak flavor freshness."},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Cozy Ambience",
|
||||
description: "A perfect, calm space for your daily routine.",
|
||||
},
|
||||
title: "Cozy Ambience", description: "A perfect, calm space for your daily routine."},
|
||||
]}
|
||||
title="Why Choose Tea Sleep?"
|
||||
description="We take quality seriously, ensuring every step from bean to cup is a delightful experience."
|
||||
@@ -218,59 +116,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Tea Sleep",
|
||||
name: "Signature Latte",
|
||||
price: "$5.50",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chamomile-petals-around-coffee-cup_23-2147742432.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", brand: "Tea Sleep", name: "Signature Latte", price: "$5.50", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/chamomile-petals-around-coffee-cup_23-2147742432.jpg?_wi=1"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Tea Sleep",
|
||||
name: "Cold Brew",
|
||||
price: "$4.75",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-iced-coffee-glass-with-condensation-ice_84443-83820.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", brand: "Tea Sleep", name: "Cold Brew", price: "$4.75", rating: 4,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/refreshing-iced-coffee-glass-with-condensation-ice_84443-83820.jpg?_wi=1"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Tea Sleep",
|
||||
name: "Fresh Croissant",
|
||||
price: "$3.25",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-croisants-breakfast_23-2147658663.jpg?_wi=1",
|
||||
},
|
||||
id: "p3", brand: "Tea Sleep", name: "Fresh Croissant", price: "$3.25", rating: 5,
|
||||
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/coffee-croisants-breakfast_23-2147658663.jpg?_wi=1"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Tea Sleep",
|
||||
name: "Espresso Shot",
|
||||
price: "$3.00",
|
||||
rating: 4,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-aromatic-coffee-plate_23-2148349623.jpg?_wi=1",
|
||||
},
|
||||
id: "p4", brand: "Tea Sleep", name: "Espresso Shot", price: "$3.00", rating: 4,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/close-up-aromatic-coffee-plate_23-2148349623.jpg?_wi=1"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Tea Sleep",
|
||||
name: "Classic Cappuccino",
|
||||
price: "$5.00",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-white-mugs-marshmallows_23-2148325672.jpg?_wi=1",
|
||||
},
|
||||
id: "p5", brand: "Tea Sleep", name: "Classic Cappuccino", price: "$5.00", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-white-mugs-marshmallows_23-2148325672.jpg?_wi=1"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Tea Sleep",
|
||||
name: "Iced Mochaccino",
|
||||
price: "$6.00",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-hot-chocolate_23-2148799153.jpg",
|
||||
},
|
||||
id: "p6", brand: "Tea Sleep", name: "Iced Mochaccino", price: "$6.00", rating: 5,
|
||||
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-hot-chocolate_23-2148799153.jpg"},
|
||||
]}
|
||||
title="Our Specialties"
|
||||
description="Carefully selected drinks to start or end your day just right."
|
||||
@@ -283,60 +145,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice M.",
|
||||
date: "Jan 2025",
|
||||
title: "Great Vibe",
|
||||
quote: "Tea Sleep is my go-to spot for working.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chamomile-petals-around-coffee-cup_23-2147742432.jpg?_wi=2",
|
||||
imageAlt: "cup of specialty coffee latte",
|
||||
},
|
||||
id: "t1", name: "Alice M.", date: "Jan 2025", title: "Great Vibe", quote: "Tea Sleep is my go-to spot for working.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg", imageSrc: "http://img.b2bpic.net/free-photo/chamomile-petals-around-coffee-cup_23-2147742432.jpg?_wi=2", imageAlt: "cup of specialty coffee latte"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob R.",
|
||||
date: "Dec 2024",
|
||||
title: "Super Coffee",
|
||||
quote: "Unmatched quality in every single cup.",
|
||||
tag: "Fan",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-female-entrepreneur-girl-sits-with-laptop-cafe-works-remore-from-restaurant-drinks-coffe_1258-120148.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-iced-coffee-glass-with-condensation-ice_84443-83820.jpg?_wi=2",
|
||||
imageAlt: "specialty cold brew coffee bottle",
|
||||
},
|
||||
id: "t2", name: "Bob R.", date: "Dec 2024", title: "Super Coffee", quote: "Unmatched quality in every single cup.", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/young-female-entrepreneur-girl-sits-with-laptop-cafe-works-remore-from-restaurant-drinks-coffe_1258-120148.jpg", imageSrc: "http://img.b2bpic.net/free-photo/refreshing-iced-coffee-glass-with-condensation-ice_84443-83820.jpg?_wi=2", imageAlt: "specialty cold brew coffee bottle"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Charlie S.",
|
||||
date: "Nov 2024",
|
||||
title: "Friendly Staff",
|
||||
quote: "The baristas are always super welcoming here.",
|
||||
tag: "Guest",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16127.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-croisants-breakfast_23-2147658663.jpg?_wi=2",
|
||||
imageAlt: "croissant and coffee breakfast set",
|
||||
},
|
||||
id: "t3", name: "Charlie S.", date: "Nov 2024", title: "Friendly Staff", quote: "The baristas are always super welcoming here.", tag: "Guest", avatarSrc: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16127.jpg", imageSrc: "http://img.b2bpic.net/free-photo/coffee-croisants-breakfast_23-2147658663.jpg?_wi=2", imageAlt: "croissant and coffee breakfast set"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Diana K.",
|
||||
date: "Oct 2024",
|
||||
title: "Lovely Place",
|
||||
quote: "A truly relaxing environment for everyone.",
|
||||
tag: "Local",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-smiling-blonde-russian-girl-holds-coffee-cup-puts-hand-waist-isolated-orange-background-with-copy-space_141793-65552.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-aromatic-coffee-plate_23-2148349623.jpg?_wi=2",
|
||||
imageAlt: "espresso shot close up crema",
|
||||
},
|
||||
id: "t4", name: "Diana K.", date: "Oct 2024", title: "Lovely Place", quote: "A truly relaxing environment for everyone.", tag: "Local", avatarSrc: "http://img.b2bpic.net/free-photo/young-smiling-blonde-russian-girl-holds-coffee-cup-puts-hand-waist-isolated-orange-background-with-copy-space_141793-65552.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-aromatic-coffee-plate_23-2148349623.jpg?_wi=2", imageAlt: "espresso shot close up crema"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Evan W.",
|
||||
date: "Sep 2024",
|
||||
title: "Top Notch",
|
||||
quote: "Highly recommend the signature latte.",
|
||||
tag: "Customer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/girl-attracted-guy-talking-smiling-looking-him-amused-admiration-laughing-funny-stories-cute-european-woman-wear-glasses-enjoy-coffee-friendly-conversation-sit-table-friend-near-laptop_197531-30327.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-white-mugs-marshmallows_23-2148325672.jpg?_wi=2",
|
||||
imageAlt: "cappuccino with foam art",
|
||||
},
|
||||
id: "t5", name: "Evan W.", date: "Sep 2024", title: "Top Notch", quote: "Highly recommend the signature latte.", tag: "Customer", avatarSrc: "http://img.b2bpic.net/free-photo/girl-attracted-guy-talking-smiling-looking-him-amused-admiration-laughing-funny-stories-cute-european-woman-wear-glasses-enjoy-coffee-friendly-conversation-sit-table-friend-near-laptop_197531-30327.jpg", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-white-mugs-marshmallows_23-2148325672.jpg?_wi=2", imageAlt: "cappuccino with foam art"},
|
||||
]}
|
||||
title="Voices of Calm"
|
||||
description="What our community loves about their Tea Sleep experience."
|
||||
@@ -349,25 +166,17 @@ export default function LandingPage() {
|
||||
logoText="Tea Sleep"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Menu", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "hello@teasleep.com",
|
||||
href: "mailto:hello@teasleep.com",
|
||||
},
|
||||
label: "hello@teasleep.com", href: "mailto:hello@teasleep.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -376,4 +185,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user