4 Commits

Author SHA1 Message Date
5e77d82ad9 Merge version_2 into main
Merge version_2 into main
2026-05-27 04:47:20 +00:00
0fac8c7768 Update src/app/page.tsx 2026-05-27 04:47:14 +00:00
fb06e078e7 Merge version_2 into main
Merge version_2 into main
2026-04-09 15:30:02 +00:00
23fd05e022 Update src/app/page.tsx 2026-04-09 15:29:59 +00:00

View File

@@ -14,14 +14,14 @@ import { Coffee, Croissant, Heart, Wifi } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="expand-hover" defaultButtonVariant="elastic-effect"
defaultTextAnimation="background-highlight" defaultTextAnimation="background-highlight"
borderRadius="pill" borderRadius="pill"
contentWidth="mediumSmall" contentWidth="mediumSmall"
sizing="mediumLargeSizeMediumTitles" sizing="mediumLargeSizeMediumTitles"
background="floatingGradient" background="floatingGradient"
cardStyle="gradient-mesh" cardStyle="glass-elevated"
primaryButtonStyle="gradient" primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid" secondaryButtonStyle="solid"
headingFontWeight="light" headingFontWeight="light"
> >
@@ -30,21 +30,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ {
name: "About", name: "About", id: "about"},
id: "about",
},
{ {
name: "Menu", name: "Menu", id: "products"},
id: "products",
},
{ {
name: "Experience", name: "Experience", id: "testimonials"},
id: "testimonials",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact",
},
]} ]}
brandName="Cafe Kikki" brandName="Cafe Kikki"
/> />
@@ -53,67 +45,44 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplit <HeroSplit
background={{ background={{
variant: "plain", variant: "plain"}}
}} title="Welcdome to Cafe Kikki"
title="Welcome to Cafe Kikki"
description="Where every cup tells a story. Artisan coffee, freshly baked treats, and a cozy corner waiting just for you in the heart of the city." description="Where every cup tells a story. Artisan coffee, freshly baked treats, and a cozy corner waiting just for you in the heart of the city."
buttons={[ buttons={[
{ {
text: "View Menu", text: "View Menu", href: "#products"},
href: "#products",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458090.jpg" imageSrc="http://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458090.jpg"
imageAlt="Cafe Kikki interior" imageAlt="Cafe Kikki interior"
mediaAnimation="slide-up" mediaAnimation="slide-up"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg", src: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg", alt: "Customer 1"},
alt: "Customer 1",
},
{ {
src: "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-fortune-cookie-pattern_23-2149247671.jpg", src: "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-fortune-cookie-pattern_23-2149247671.jpg", alt: "Customer 2"},
alt: "Customer 2",
},
{ {
src: "http://img.b2bpic.net/free-photo/blond-business-woman-sleeping-couch_23-2148095783.jpg", src: "http://img.b2bpic.net/free-photo/blond-business-woman-sleeping-couch_23-2148095783.jpg", alt: "Customer 3"},
alt: "Customer 3",
},
{ {
src: "http://img.b2bpic.net/free-photo/surprised-curly-woman-hat-drinking-coffee-looking-away_171337-11992.jpg", src: "http://img.b2bpic.net/free-photo/surprised-curly-woman-hat-drinking-coffee-looking-away_171337-11992.jpg", alt: "Customer 4"},
alt: "Customer 4",
},
{ {
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg", src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg", alt: "Customer 5"},
alt: "Customer 5",
},
]} ]}
avatarText="Join 5,000+ coffee lovers" avatarText="Join 5,000+ coffee lovers"
marqueeItems={[ marqueeItems={[
{ {
type: "text-icon", type: "text-icon", text: "Locally Roasted", icon: Coffee,
text: "Locally Roasted",
icon: Coffee,
}, },
{ {
type: "text-icon", type: "text-icon", text: "Fresh Pastries", icon: Croissant,
text: "Fresh Pastries",
icon: Croissant,
}, },
{ {
type: "text-icon", type: "text-icon", text: "Cozy Atmosphere", icon: Coffee,
text: "Cozy Atmosphere",
icon: Coffee,
}, },
{ {
type: "text-icon", type: "text-icon", text: "Ethically Sourced", icon: Heart,
text: "Ethically Sourced",
icon: Heart,
}, },
{ {
type: "text-icon", type: "text-icon", text: "Free Wi-Fi", icon: Wifi,
text: "Free Wi-Fi",
icon: Wifi,
}, },
]} ]}
/> />
@@ -140,59 +109,23 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "p1", id: "p1", brand: "Kikki Specials", name: "Signature Latte", price: "$5.50", rating: 5,
brand: "Kikki Specials", reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/black-bearded-coffee-seller-pouring-coffee-shop_613910-443.jpg"},
name: "Signature Latte",
price: "$5.50",
rating: 5,
reviewCount: "128",
imageSrc: "http://img.b2bpic.net/free-photo/black-bearded-coffee-seller-pouring-coffee-shop_613910-443.jpg",
},
{ {
id: "p2", id: "p2", brand: "Bakery", name: "Butter Croissant", price: "$4.00", rating: 5,
brand: "Bakery", reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-bread-recipe-idea_53876-105983.jpg"},
name: "Butter Croissant",
price: "$4.00",
rating: 5,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/fresh-homemade-bread-recipe-idea_53876-105983.jpg",
},
{ {
id: "p3", id: "p3", brand: "Refreshments", name: "Cold Brew", price: "$4.75", rating: 4,
brand: "Refreshments", reviewCount: "82", imageSrc: "http://img.b2bpic.net/free-photo/front-view-alcohol-drinks-inside-glasses-brown-wooden-desk_140725-25893.jpg"},
name: "Cold Brew",
price: "$4.75",
rating: 4,
reviewCount: "82",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-alcohol-drinks-inside-glasses-brown-wooden-desk_140725-25893.jpg",
},
{ {
id: "p4", id: "p4", brand: "Bakery", name: "Blueberry Muffin", price: "$3.75", rating: 5,
brand: "Bakery", reviewCount: "64", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tasty-muffin-with-blueberry-forest-fruit_23-2148718769.jpg"},
name: "Blueberry Muffin",
price: "$3.75",
rating: 5,
reviewCount: "64",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tasty-muffin-with-blueberry-forest-fruit_23-2148718769.jpg",
},
{ {
id: "p5", id: "p5", brand: "Roastery", name: "Pour Over", price: "$6.00", rating: 5,
brand: "Roastery", reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/hands-making-coffee-close-up_23-2149045700.jpg"},
name: "Pour Over",
price: "$6.00",
rating: 5,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/hands-making-coffee-close-up_23-2149045700.jpg",
},
{ {
id: "p6", id: "p6", brand: "Dessert", name: "Fudge Brownie", price: "$4.25", rating: 5,
brand: "Dessert", reviewCount: "78", imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-herbal-tea-cup-tea-with-cinnamon-lemon-appetizing-cupcakes-bowls-chocolate-slices-lime-chocolate-cream-colorful-sweets-table_140725-111275.jpg"},
name: "Fudge Brownie",
price: "$4.25",
rating: 5,
reviewCount: "78",
imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-herbal-tea-cup-tea-with-cinnamon-lemon-appetizing-cupcakes-bowls-chocolate-slices-lime-chocolate-cream-colorful-sweets-table_140725-111275.jpg",
},
]} ]}
title="Cafe Menu Highlights" title="Cafe Menu Highlights"
description="A curated selection of our favorite specialty drinks and daily baked goods." description="A curated selection of our favorite specialty drinks and daily baked goods."
@@ -205,45 +138,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", title: "Best Coffee Ever", quote: "The signature latte here is unbeatable. Truly the heart of my morning routine.", name: "Anna S.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg"},
title: "Best Coffee Ever",
quote: "The signature latte here is unbeatable. Truly the heart of my morning routine.",
name: "Anna S.",
role: "Designer",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg",
},
{ {
id: "t2", id: "t2", title: "Cozy Atmosphere", quote: "My favorite place to catch up on work. The pastries are divine.", name: "Marcus L.", role: "Developer", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-fortune-cookie-pattern_23-2149247671.jpg"},
title: "Cozy Atmosphere",
quote: "My favorite place to catch up on work. The pastries are divine.",
name: "Marcus L.",
role: "Developer",
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-fortune-cookie-pattern_23-2149247671.jpg",
},
{ {
id: "t3", id: "t3", title: "Great Staff", quote: "Always welcomed with a smile. The staff here makes the experience special.", name: "Sarah J.", role: "Teacher", imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-sleeping-couch_23-2148095783.jpg"},
title: "Great Staff",
quote: "Always welcomed with a smile. The staff here makes the experience special.",
name: "Sarah J.",
role: "Teacher",
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-sleeping-couch_23-2148095783.jpg",
},
{ {
id: "t4", id: "t4", title: "Perfect Spot", quote: "Finally, a cafe that knows how to make a proper pour-over. Fantastic!", name: "David W.", role: "Artist", imageSrc: "http://img.b2bpic.net/free-photo/surprised-curly-woman-hat-drinking-coffee-looking-away_171337-11992.jpg"},
title: "Perfect Spot",
quote: "Finally, a cafe that knows how to make a proper pour-over. Fantastic!",
name: "David W.",
role: "Artist",
imageSrc: "http://img.b2bpic.net/free-photo/surprised-curly-woman-hat-drinking-coffee-looking-away_171337-11992.jpg",
},
{ {
id: "t5", id: "t5", title: "Community Vibe", quote: "Cafe Kikki brings such a warmth to our neighborhood. Couldn't live without it!", name: "Emily P.", role: "Nurse", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg"},
title: "Community Vibe",
quote: "Cafe Kikki brings such a warmth to our neighborhood. Couldn't live without it!",
name: "Emily P.",
role: "Nurse",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg",
},
]} ]}
title="Kind Words from Our Friends" title="Kind Words from Our Friends"
description="Discover why our patrons keep coming back for more." description="Discover why our patrons keep coming back for more."
@@ -254,14 +157,11 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
text="Visit us at Cafe Kikki and experience the warmth today. Located at the corner of 5th and Main." text="Visit us at Cafe Kikki and experience the warmth today. Located at the corner of 5th and Main."
buttons={[ buttons={[
{ {
text: "Get Directions", text: "Get Directions", href: "#"},
href: "#",
},
]} ]}
/> />
</div> </div>
@@ -272,33 +172,21 @@ export default function LandingPage() {
logoText="Cafe Kikki" logoText="Cafe Kikki"
columns={[ columns={[
{ {
title: "Navigation", title: "Navigation", items: [
items: [
{ {
label: "About", label: "About", href: "#about"},
href: "#about",
},
{ {
label: "Menu", label: "Menu", href: "#products"},
href: "#products",
},
{ {
label: "Experience", label: "Experience", href: "#testimonials"},
href: "#testimonials",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
{ {
label: "Terms of Service", label: "Terms of Service", href: "#"},
href: "#",
},
], ],
}, },
]} ]}