Merge version_1 into main #1
593
src/app/page.tsx
593
src/app/page.tsx
@@ -16,436 +16,191 @@ import TestimonialCardFifteen from '@/components/sections/testimonial/Testimonia
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="bold"
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Casual Coffee"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Casual Coffee"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Coffee & a view worth staying for"
|
||||
description="Specialty brews, fresh daily desserts, and a workspace that actually feels like home."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_creatives",
|
||||
testimonial: "The best workspace in the city. The coffee is unmatched and the view helps me finish every project.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-enjoying-drinking-hot-coffee-outdoor-cafe_1262-19068.jpg",
|
||||
},
|
||||
{
|
||||
name: "Michael C.",
|
||||
handle: "@m_chen_dev",
|
||||
testimonial: "Finally a place that actually welcomes my dog and has perfect WiFi. My go-to spot.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-holding-coffee-cup_23-2148422410.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily R.",
|
||||
handle: "@emily_r_design",
|
||||
testimonial: "I love the sorrel dessert. Casual is more than a café; it's part of my daily creative ritual.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pet-friendly-restaurants-public-places-support-dog-pets-as-companions-outdoor-shot-cafe-window_1258-245414.jpg",
|
||||
},
|
||||
{
|
||||
name: "David K.",
|
||||
handle: "@d_k_films",
|
||||
testimonial: "Always consistent, always friendly. The perfect pit stop between my meetings.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12128.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jane L.",
|
||||
handle: "@jane_l_writer",
|
||||
testimonial: "A sanctuary for writers. The quiet, warm environment is exactly what I need to focus.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holding-tablet_23-2149936214.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "See whats brewing",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-coffee-cup_23-2148164852.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-sitting-coffee-shop_273609-2846.jpg",
|
||||
alt: "Happy woman at cafe",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-hispanic-tourist-woman-smiling-happy-drinking-coffee-city_839833-25789.jpg",
|
||||
alt: "Young tourist coffee portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lovely-young-caucasian-woman-posing-home-couch-with-cup-coffee_1098-18659.jpg",
|
||||
alt: "Relaxed woman drinking coffee",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-shot-beautiful-redhead-girl-has-coffee-break-holds-white-mug-with-aromatic-beverage-smiles-looks-enjoys-nice-conversation-while-drinking-tea-morning-discusses-news_273609-27897.jpg",
|
||||
alt: "Girl coffee break smile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-young-woman-using-laptop-table-street-cafe_23-2148068441.jpg",
|
||||
alt: "Woman laptop street cafe",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Roasted",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Dog Friendly",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "High Speed WiFi",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sea View",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Freshly Baked",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Coffee & a view worth staying for"
|
||||
description="Specialty brews, fresh daily desserts, and a workspace that actually feels like home."
|
||||
testimonials={[
|
||||
{ name: "Sarah J.", handle: "@sarah_creatives", testimonial: "The best workspace in the city. The coffee is unmatched and the view helps me finish every project.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-enjoying-drinking-hot-coffee-outdoor-cafe_1262-19068.jpg" },
|
||||
{ name: "Michael C.", handle: "@m_chen_dev", testimonial: "Finally a place that actually welcomes my dog and has perfect WiFi. My go-to spot.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-holding-coffee-cup_23-2148422410.jpg" },
|
||||
{ name: "Emily R.", handle: "@emily_r_design", testimonial: "I love the sorrel dessert. Casual is more than a café; it's part of my daily creative ritual.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pet-friendly-restaurants-public-places-support-dog-pets-as-companions-outdoor-shot-cafe-window_1258-245414.jpg" },
|
||||
{ name: "David K.", handle: "@d_k_films", testimonial: "Always consistent, always friendly. The perfect pit stop between my meetings.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12128.jpg" },
|
||||
{ name: "Jane L.", handle: "@jane_l_writer", testimonial: "A sanctuary for writers. The quiet, warm environment is exactly what I need to focus.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holding-tablet_23-2149936214.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "See whats brewing", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-coffee-cup_23-2148164852.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-woman-sitting-coffee-shop_273609-2846.jpg", alt: "Happy woman at cafe" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-hispanic-tourist-woman-smiling-happy-drinking-coffee-city_839833-25789.jpg", alt: "Young tourist coffee portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/lovely-young-caucasian-woman-posing-home-couch-with-cup-coffee_1098-18659.jpg", alt: "Relaxed woman drinking coffee" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/indoor-shot-beautiful-redhead-girl-has-coffee-break-holds-white-mug-with-aromatic-beverage-smiles-looks-enjoys-nice-conversation-while-drinking-tea-morning-discusses-news_273609-27897.jpg", alt: "Girl coffee break smile" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-young-woman-using-laptop-table-street-cafe_23-2148068441.jpg", alt: "Woman laptop street cafe" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Locally Roasted" },
|
||||
{ type: "text", text: "Dog Friendly" },
|
||||
{ type: "text", text: "High Speed WiFi" },
|
||||
{ type: "text", text: "Sea View" },
|
||||
{ type: "text", text: "Freshly Baked" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="A space with character"
|
||||
description="Casual Coffee was founded on a simple premise: provide a home for creators. From our specialty sourcing to our dog-friendly policy, every detail is intentional."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Specialty Sourcing",
|
||||
description: "We partner with ethical farms to bring the best beans to your cup.",
|
||||
},
|
||||
{
|
||||
title: "Workspace Optimized",
|
||||
description: "High-speed WiFi, ergonomic seating, and plenty of power outlets.",
|
||||
},
|
||||
{
|
||||
title: "Community First",
|
||||
description: "We are proud to be a staple in the local creative neighborhood.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/latte-cup-garnished-with-cinnamon-sticks-served-wood-box-with-tree-branch_141793-138.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="A space with character"
|
||||
description="Casual Coffee was founded on a simple premise: provide a home for creators. From our specialty sourcing to our dog-friendly policy, every detail is intentional."
|
||||
bulletPoints={[
|
||||
{ title: "Specialty Sourcing", description: "We partner with ethical farms to bring the best beans to your cup." },
|
||||
{ title: "Workspace Optimized", description: "High-speed WiFi, ergonomic seating, and plenty of power outlets." },
|
||||
{ title: "Community First", description: "We are proud to be a staple in the local creative neighborhood." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/latte-cup-garnished-with-cinnamon-sticks-served-wood-box-with-tree-branch_141793-138.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Matcha",
|
||||
price: "$6.50",
|
||||
variant: "Premium Grade",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slice-strawberry-cake-with-fresh-strawberries_123827-37315.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Classic Tiramisu",
|
||||
price: "$8.00",
|
||||
variant: "House Special",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-tiramisuconcept_23-2148761669.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Sorrel Tart",
|
||||
price: "$7.50",
|
||||
variant: "Seasonal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-latte-glass-pink-stand-wooden-table-cranberry-pie-summer-cafe-green-bushes_343596-1532.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cold Brew",
|
||||
price: "$5.50",
|
||||
variant: "Slow Drip",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tool-used-coffee-machine-coffee-making-process_23-2150187524.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Almond Croissant",
|
||||
price: "$4.50",
|
||||
variant: "Fresh Daily",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-matcha-green-tea-latte-cup_74190-6265.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Espresso Shot",
|
||||
price: "$3.50",
|
||||
variant: "Single Origin",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/orange-cheese-cake-with-cream-served-with-tea_141793-327.jpg",
|
||||
},
|
||||
]}
|
||||
title="Featured Favorites"
|
||||
description="Our most celebrated items, crafted daily for your enjoyment."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Signature Matcha", price: "$6.50", variant: "Premium Grade", imageSrc: "http://img.b2bpic.net/free-photo/slice-strawberry-cake-with-fresh-strawberries_123827-37315.jpg" },
|
||||
{ id: "p2", name: "Classic Tiramisu", price: "$8.00", variant: "House Special", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-tiramisuconcept_23-2148761669.jpg" },
|
||||
{ id: "p3", name: "Sorrel Tart", price: "$7.50", variant: "Seasonal", imageSrc: "http://img.b2bpic.net/free-photo/iced-latte-glass-pink-stand-wooden-table-cranberry-pie-summer-cafe-green-bushes_343596-1532.jpg" },
|
||||
{ id: "p4", name: "Cold Brew", price: "$5.50", variant: "Slow Drip", imageSrc: "http://img.b2bpic.net/free-photo/tool-used-coffee-machine-coffee-making-process_23-2150187524.jpg" },
|
||||
{ id: "p5", name: "Almond Croissant", price: "$4.50", variant: "Fresh Daily", imageSrc: "http://img.b2bpic.net/free-photo/hot-matcha-green-tea-latte-cup_74190-6265.jpg" },
|
||||
{ id: "p6", name: "Espresso Shot", price: "$3.50", variant: "Single Origin", imageSrc: "http://img.b2bpic.net/free-photo/orange-cheese-cake-with-cream-served-with-tea_141793-327.jpg" }
|
||||
]}
|
||||
title="Featured Favorites"
|
||||
description="Our most celebrated items, crafted daily for your enjoyment."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Sea View",
|
||||
author: "Enjoy the horizon",
|
||||
description: "Take a breath with our incredible ocean view windows.",
|
||||
tags: [
|
||||
"Relaxing",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/watercolor-coffee-cup-coffee-beans-illustration_23-2151720287.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Workspace Quality",
|
||||
author: "Stay focused",
|
||||
description: "Reliable high-speed connection for every creative need.",
|
||||
tags: [
|
||||
"Work-Ready",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fruit-juice-bowl-cake-background-high-quality-photo_114579-35538.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Dog Friendly",
|
||||
author: "Pet approved",
|
||||
description: "Bring your furry companion; we have treats and water ready.",
|
||||
tags: [
|
||||
"Dog-Friendly",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-creamy-cake-with-chocolate-cookies-inside-plate-dark-background-biscuit-sugar-cake-sweet-pie_140725-115796.jpg",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Fresh Desserts",
|
||||
author: "Delicious",
|
||||
description: "Hand-made pastries and cakes delivered fresh every single morning.",
|
||||
tags: [
|
||||
"Fresh",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cake-with-cream-white-surface-fruit-pie-cookies-sweet-biscuit-cake_140725-118217.jpg",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Specialty Coffee",
|
||||
author: "Expertly brewed",
|
||||
description: "Roast profile adjusted daily for the perfect cup of coffee.",
|
||||
tags: [
|
||||
"Specialty",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-cookies-with-strawberry-appetizing-cookies-with-chocolate-strawberry-white-plate-center-table_140725-110720.jpg",
|
||||
},
|
||||
{
|
||||
id: "f6",
|
||||
title: "All Day Access",
|
||||
author: "Always open",
|
||||
description: "Open from sunrise to sunset to serve your daily caffeine needs.",
|
||||
tags: [
|
||||
"All-Day",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-sieved-cup-by-man_23-2148366678.jpg",
|
||||
},
|
||||
]}
|
||||
title="Why Casual Coffee?"
|
||||
description="We designed this space to be more than a café—it's your neighborhood hub."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Why Casual Coffee?"
|
||||
description="We designed this space to be more than a café—it's your neighborhood hub."
|
||||
features={[
|
||||
{ id: "f1", title: "Sea View", author: "Enjoy the horizon", description: "Take a breath with our incredible ocean view windows.", tags: ["Relaxing"], imageSrc: "http://img.b2bpic.net/free-photo/watercolor-coffee-cup-coffee-beans-illustration_23-2151720287.jpg" },
|
||||
{ id: "f2", title: "Workspace Quality", author: "Stay focused", description: "Reliable high-speed connection for every creative need.", tags: ["Work-Ready"], imageSrc: "http://img.b2bpic.net/free-photo/fruit-juice-bowl-cake-background-high-quality-photo_114579-35538.jpg" },
|
||||
{ id: "f3", title: "Dog Friendly", author: "Pet approved", description: "Bring your furry companion; we have treats and water ready.", tags: ["Dog-Friendly"], imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-creamy-cake-with-chocolate-cookies-inside-plate-dark-background-biscuit-sugar-cake-sweet-pie_140725-115796.jpg" },
|
||||
{ id: "f4", title: "Fresh Desserts", author: "Delicious", description: "Hand-made pastries and cakes delivered fresh every single morning.", tags: ["Fresh"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cake-with-cream-white-surface-fruit-pie-cookies-sweet-biscuit-cake_140725-118217.jpg" },
|
||||
{ id: "f5", title: "Specialty Coffee", author: "Expertly brewed", description: "Roast profile adjusted daily for the perfect cup of coffee.", tags: ["Specialty"], imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-cookies-with-strawberry-appetizing-cookies-with-chocolate-strawberry-white-plate-center-table_140725-110720.jpg" },
|
||||
{ id: "f6", title: "All Day Access", author: "Always open", description: "Open from sunrise to sunset to serve your daily caffeine needs.", tags: ["All-Day"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-sieved-cup-by-man_23-2148366678.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials-section" data-section="testimonials-section">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Casual Coffee has changed the way I work. The atmosphere is quiet, the coffee is perfect, and the team makes you feel like family."
|
||||
rating={5}
|
||||
author="Marcus V., Graphic Designer"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-kitchen-resting-indoors-smiling-drinking-coffee-enjoys-tasty_1258-202147.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-blonde-woman-with-glasses-cafe_273609-3929.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-is-holding-her-cute-dog-drinking-coffee-smiling-cafe_1153-6883.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-tanned-brunette-asian-woman-beige-trench-coat-red-dress-beret-smiles-waves-hand-greeting-talks-by-video-her-cellphone-charming-lady-sits-street-cafe_197531-29294.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-couple-outdoors-near-cafe_1268-21193.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials-section" data-section="testimonials-section">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Casual Coffee has changed the way I work. The atmosphere is quiet, the coffee is perfect, and the team makes you feel like family."
|
||||
rating={5}
|
||||
author="Marcus V., Graphic Designer"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-kitchen-resting-indoors-smiling-drinking-coffee-enjoys-tasty_1258-202147.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-blonde-woman-with-glasses-cafe_273609-3929.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-is-holding-her-cute-dog-drinking-coffee-smiling-cafe_1153-6883.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-tanned-brunette-asian-woman-beige-trench-coat-red-dress-beret-smiles-waves-hand-greeting-talks-by-video-her-cellphone-charming-lady-sits-street-cafe_197531-29294.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-couple-outdoors-near-cafe_1268-21193.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12k+",
|
||||
title: "Cups Brewed",
|
||||
description: "Coffee served locally this year",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee_74190-7857.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Remote Creators",
|
||||
description: "Regulars using our space",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-barista-making-nice-latte_23-2147775925.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Dedication",
|
||||
description: "Our passion for quality",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-view-freshly-baked-cake-with-raspberries-babies-brown-tray-white-table_140725-86841.jpg",
|
||||
},
|
||||
]}
|
||||
title="Community Impact"
|
||||
description="Growing together, one cup at a time."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "12k+", title: "Cups Brewed", description: "Coffee served locally this year", imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee_74190-7857.jpg" },
|
||||
{ id: "m2", value: "500+", title: "Remote Creators", description: "Regulars using our space", imageSrc: "http://img.b2bpic.net/free-photo/crop-barista-making-nice-latte_23-2147775925.jpg" },
|
||||
{ id: "m3", value: "24/7", title: "Dedication", description: "Our passion for quality", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-view-freshly-baked-cake-with-raspberries-babies-brown-tray-white-table_140725-86841.jpg" }
|
||||
]}
|
||||
title="Community Impact"
|
||||
description="Growing together, one cup at a time."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is the workspace quiet?",
|
||||
content: "Yes, we focus on maintaining a creative workspace atmosphere.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are dogs allowed?",
|
||||
content: "Absolutely! We love welcoming pets.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What are your hours?",
|
||||
content: "We operate from 7 AM to 7 PM daily.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Is WiFi reliable?",
|
||||
content: "Our high-speed fiber connection ensures stability for remote work.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know before visiting."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Is the workspace quiet?", content: "Yes, we focus on maintaining a creative workspace atmosphere." },
|
||||
{ id: "q2", title: "Are dogs allowed?", content: "Absolutely! We love welcoming pets." },
|
||||
{ id: "q3", title: "What are your hours?", content: "We operate from 7 AM to 7 PM daily." },
|
||||
{ id: "q4", title: "Is WiFi reliable?", content: "Our high-speed fiber connection ensures stability for remote work." }
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know before visiting."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Visit us at the end of the tram line for a fresh brew and the best view in town."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Visit us at the end of the tram line for a fresh brew and the best view in town."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-coffee-cup-seaside_23-2149703708.jpg"
|
||||
logoText="Casual Coffee"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-delicious-coffee-cup-seaside_23-2149703708.jpg"
|
||||
logoText="Casual Coffee"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "Menu", href: "#products" },
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Social", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Twitter", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user