Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0fac8c7768 | |||
| 23fd05e022 |
204
src/app/page.tsx
204
src/app/page.tsx
@@ -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: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user