Merge version_2 into main #1
202
src/app/page.tsx
202
src/app/page.tsx
@@ -14,14 +14,14 @@ import { Coffee, Croissant, Heart, Wifi } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="gradient-mesh"
|
||||
primaryButtonStyle="gradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Experience", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Cafe Kikki"
|
||||
/>
|
||||
@@ -53,67 +45,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
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."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Menu", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458090.jpg"
|
||||
imageAlt="Cafe Kikki interior"
|
||||
mediaAnimation="slide-up"
|
||||
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",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-fortune-cookie-pattern_23-2149247671.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-fortune-cookie-pattern_23-2149247671.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-business-woman-sleeping-couch_23-2148095783.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blond-business-woman-sleeping-couch_23-2148095783.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/surprised-curly-woman-hat-drinking-coffee-looking-away_171337-11992.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/surprised-curly-woman-hat-drinking-coffee-looking-away_171337-11992.jpg", 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",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
avatarText="Join 5,000+ coffee lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Locally Roasted",
|
||||
icon: Coffee,
|
||||
type: "text-icon", text: "Locally Roasted", icon: Coffee,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fresh Pastries",
|
||||
icon: Croissant,
|
||||
type: "text-icon", text: "Fresh Pastries", icon: Croissant,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Cozy Atmosphere",
|
||||
icon: Coffee,
|
||||
type: "text-icon", text: "Cozy Atmosphere", icon: Coffee,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Ethically Sourced",
|
||||
icon: Heart,
|
||||
type: "text-icon", text: "Ethically Sourced", icon: Heart,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Free Wi-Fi",
|
||||
icon: Wifi,
|
||||
type: "text-icon", text: "Free Wi-Fi", icon: Wifi,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -140,59 +109,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Kikki Specials",
|
||||
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: "p1", brand: "Kikki Specials", 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",
|
||||
brand: "Bakery",
|
||||
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: "p2", brand: "Bakery", 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",
|
||||
brand: "Refreshments",
|
||||
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: "p3", brand: "Refreshments", 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",
|
||||
brand: "Bakery",
|
||||
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: "p4", brand: "Bakery", 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",
|
||||
brand: "Roastery",
|
||||
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: "p5", brand: "Roastery", 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",
|
||||
brand: "Dessert",
|
||||
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",
|
||||
},
|
||||
id: "p6", brand: "Dessert", 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"
|
||||
description="A curated selection of our favorite specialty drinks and daily baked goods."
|
||||
@@ -205,45 +138,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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="Kind Words from Our Friends"
|
||||
description="Discover why our patrons keep coming back for more."
|
||||
@@ -254,14 +157,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Visit us at Cafe Kikki and experience the warmth today. Located at the corner of 5th and Main."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Directions", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -272,33 +172,21 @@ export default function LandingPage() {
|
||||
logoText="Cafe Kikki"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Menu", href: "#products"},
|
||||
{
|
||||
label: "Experience",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Experience", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user