Merge version_1 into main #1
191
src/app/page.tsx
191
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Sparkles, Award, Shield, Zap } from 'lucide-react';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
@@ -30,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Care in a Cup"
|
||||
/>
|
||||
@@ -53,23 +46,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Care in Every Cup"
|
||||
description="Experience comfort with our artisanally crafted beverages. We believe that every sip should be a moment of pure relaxation."
|
||||
kpis={[
|
||||
{
|
||||
value: "100+",
|
||||
label: "Handcrafted Blends",
|
||||
},
|
||||
value: "100+", label: "Handcrafted Blends"},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Happy Customers",
|
||||
},
|
||||
value: "10k+", label: "Happy Customers"},
|
||||
{
|
||||
value: "5",
|
||||
label: "Years of Passion",
|
||||
},
|
||||
value: "5", label: "Years of Passion"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/steaming-christmas-mug-bokeh-lights-background_1048-3661.jpg"
|
||||
@@ -77,48 +63,28 @@ export default function LandingPage() {
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-model-having-coffee_23-2147859256.jpg",
|
||||
alt: "Sarah J.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-model-having-coffee_23-2147859256.jpg", alt: "Sarah J."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-with-cup-looking-away_23-2148334520.jpg",
|
||||
alt: "Mark L.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-with-cup-looking-away_23-2148334520.jpg", alt: "Mark L."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-three-friends-drinking-outdoors_23-2148653430.jpg",
|
||||
alt: "Anna P.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-three-friends-drinking-outdoors_23-2148653430.jpg", alt: "Anna P."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-drinking-milkshake_158595-693.jpg",
|
||||
alt: "Kevin T.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-drinking-milkshake_158595-693.jpg", alt: "Kevin T."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-cafe_1157-5039.jpg",
|
||||
alt: "Lisa B.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-cafe_1157-5039.jpg", alt: "Lisa B."},
|
||||
]}
|
||||
avatarText="Loved by 10,000+ coffee enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Sourcing",
|
||||
},
|
||||
type: "text", text: "Sustainable Sourcing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Brewing",
|
||||
},
|
||||
type: "text", text: "Artisan Brewing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Freshly Roasted",
|
||||
},
|
||||
type: "text", text: "Freshly Roasted"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handcrafted Comfort",
|
||||
},
|
||||
type: "text", text: "Handcrafted Comfort"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Local Delivery",
|
||||
},
|
||||
type: "text", text: "Fast Local Delivery"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -137,28 +103,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Ingredients",
|
||||
description: "Ethically sourced, organic beans for every brew.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/homemade-remedy-with-honey_23-2148894305.jpg",
|
||||
buttonIcon: "Sparkles",
|
||||
title: "Premium Ingredients", description: "Ethically sourced, organic beans for every brew.", imageSrc: "http://img.b2bpic.net/free-photo/homemade-remedy-with-honey_23-2148894305.jpg", buttonIcon: Sparkles,
|
||||
},
|
||||
{
|
||||
title: "Artisanal Craft",
|
||||
description: "Expert baristas dedicated to perfection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354577.jpg",
|
||||
buttonIcon: "Award",
|
||||
title: "Artisanal Craft", description: "Expert baristas dedicated to perfection.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354577.jpg", buttonIcon: Award,
|
||||
},
|
||||
{
|
||||
title: "Eco-Friendly",
|
||||
description: "Sustainable practices in every step.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-holding-furoshiki-package_23-2150274510.jpg",
|
||||
buttonIcon: "Shield",
|
||||
title: "Eco-Friendly", description: "Sustainable practices in every step.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-holding-furoshiki-package_23-2150274510.jpg", buttonIcon: Shield,
|
||||
},
|
||||
{
|
||||
title: "Fast Delivery",
|
||||
description: "Comfort delivered right to your door.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-courier-blue-uniform-cap-with-delivery-coffee-cups-his-hands-calling-out-light-pink-wall_140725-38688.jpg",
|
||||
buttonIcon: "Zap",
|
||||
title: "Fast Delivery", description: "Comfort delivered right to your door.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-courier-blue-uniform-cap-with-delivery-coffee-cups-his-hands-calling-out-light-pink-wall_140725-38688.jpg", buttonIcon: Zap,
|
||||
},
|
||||
]}
|
||||
title="Why We Are Different"
|
||||
@@ -174,41 +128,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Latte",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-hands-with-spicy-pumpkin-latte-wooden-board-with-sweater_501050-421.jpg",
|
||||
},
|
||||
id: "p1", name: "Signature Latte", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/woman-hands-with-spicy-pumpkin-latte-wooden-board-with-sweater_501050-421.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Dark Espresso",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-beverage-shot-wooden-board_140725-2421.jpg",
|
||||
},
|
||||
id: "p2", name: "Dark Espresso", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/little-beverage-shot-wooden-board_140725-2421.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Organic Iced Tea",
|
||||
price: "$4.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/highball-whiskey-with-soda-lemon-beverage-wooden-table_123827-31357.jpg",
|
||||
},
|
||||
id: "p3", name: "Organic Iced Tea", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/highball-whiskey-with-soda-lemon-beverage-wooden-table_123827-31357.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Velvet Cocoa",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-chocolate-with-chocolate-chip-cookies_53876-18255.jpg",
|
||||
},
|
||||
id: "p4", name: "Velvet Cocoa", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/hot-chocolate-with-chocolate-chip-cookies_53876-18255.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Specialty Roast",
|
||||
price: "$18.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fragrant-coffee-beans-are-scattered-from-jar-rustic-tabletop-background-closeup-selective-focus-copy-space-banner_166373-2290.jpg",
|
||||
},
|
||||
id: "p5", name: "Specialty Roast", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/fragrant-coffee-beans-are-scattered-from-jar-rustic-tabletop-background-closeup-selective-focus-copy-space-banner_166373-2290.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Matcha Latte",
|
||||
price: "$5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163382.jpg",
|
||||
},
|
||||
id: "p6", name: "Matcha Latte", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/man-drinking-matcha-tea_23-2150163382.jpg"},
|
||||
]}
|
||||
title="Signature Collection"
|
||||
description="Discover your new favorite comfort drink."
|
||||
@@ -221,45 +151,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Pure Comfort",
|
||||
quote: "Truly the best coffee experience I've had.",
|
||||
name: "Sarah J.",
|
||||
role: "Creative",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-model-having-coffee_23-2147859256.jpg",
|
||||
},
|
||||
id: "1", title: "Pure Comfort", quote: "Truly the best coffee experience I've had.", name: "Sarah J.", role: "Creative", imageSrc: "http://img.b2bpic.net/free-photo/young-model-having-coffee_23-2147859256.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Daily Ritual",
|
||||
quote: "My mornings are never complete without it.",
|
||||
name: "Mark L.",
|
||||
role: "Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-cup-looking-away_23-2148334520.jpg",
|
||||
},
|
||||
id: "2", title: "Daily Ritual", quote: "My mornings are never complete without it.", name: "Mark L.", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-cup-looking-away_23-2148334520.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "So Smooth",
|
||||
quote: "The signature blend is incredibly smooth.",
|
||||
name: "Anna P.",
|
||||
role: "Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-three-friends-drinking-outdoors_23-2148653430.jpg",
|
||||
},
|
||||
id: "3", title: "So Smooth", quote: "The signature blend is incredibly smooth.", name: "Anna P.", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/happy-three-friends-drinking-outdoors_23-2148653430.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Great Vibe",
|
||||
quote: "The perfect companion for a long study day.",
|
||||
name: "Kevin T.",
|
||||
role: "Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-milkshake_158595-693.jpg",
|
||||
},
|
||||
id: "4", title: "Great Vibe", quote: "The perfect companion for a long study day.", name: "Kevin T.", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-milkshake_158595-693.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Excellence",
|
||||
quote: "Professional quality in every single cup.",
|
||||
name: "Lisa B.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cafe_1157-5039.jpg",
|
||||
},
|
||||
id: "5", title: "Excellence", quote: "Professional quality in every single cup.", name: "Lisa B.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/man-cafe_1157-5039.jpg"},
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="See why our customers keep coming back for more."
|
||||
@@ -270,16 +170,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Talk"
|
||||
title="Get in Touch"
|
||||
description="Have questions about our blends? We'd love to hear from you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -290,25 +187,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user