bender/7798908a-d9ff-4cd2-ae7a-755eaa83ca02
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 2 commits from version_2 into main 2026-06-12 06:15:48 +00:00
Conversation 0 Commits 2 Files Changed 2 +64 -230
2 changed files with 64 additions and 230 deletions
Download Patch File Download Diff File Expand all files Collapse all files

276
src/app/page.tsx
View File

@@ -23,7 +23,7 @@ export default function LandingPage() {
borderRadius="pill"
contentWidth="mediumLarge"
sizing="mediumSizeLargeTitles"
background="floatingGradient"
background="noise"
cardStyle="gradient-bordered"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="solid"
@@ -34,29 +34,17 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Menu",
id: "#products",
},
name: "Menu", id: "#products"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="CHUMUK"
/>
@@ -68,37 +56,23 @@ export default function LandingPage() {
description="Experience the vibrant flavors and cheerful atmosphere of your new favorite coffee shop. Freshly brewed, fun-filled moments await."
buttons={[
{
text: "Explore Our Menu",
href: "#products",
},
text: "Explore Our Menu", href: "#products"},
{
text: "Visit Us",
href: "#contact",
},
text: "Visit Us", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/closeup-image-red-coffee-cup-table_613910-12073.jpg"
imageAlt="Delicious coffee drink with latte art, red and yellow themed decor in the background"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-joyful-woman-holding-mobile-phone_171337-4024.jpg",
alt: "Happy customer",
},
src: "http://img.b2bpic.net/free-photo/portrait-joyful-woman-holding-mobile-phone_171337-4024.jpg", alt: "Happy customer"},
{
src: "http://img.b2bpic.net/free-photo/cheerful-tanned-student-with-thick-beard-having-good-coffee-lunch-smiling-happily-enjoying-summer-vacations-tropical-country_273609-1756.jpg",
alt: "Smiling coffee drinker",
},
src: "http://img.b2bpic.net/free-photo/cheerful-tanned-student-with-thick-beard-having-good-coffee-lunch-smiling-happily-enjoying-summer-vacations-tropical-country_273609-1756.jpg", alt: "Smiling coffee drinker"},
{
src: "http://img.b2bpic.net/free-photo/positive-afro-american-woman-eith-curly-hair-closes-eyes-from-happiness-keeps-hand-near-heart-drinks-takeaway-coffe-enjoys-leisure-time-dressed-fashionable-clothes-isolated-green-wall_273609-47974.jpg",
alt: "Satisfied customer",
},
src: "http://img.b2bpic.net/free-photo/positive-afro-american-woman-eith-curly-hair-closes-eyes-from-happiness-keeps-hand-near-heart-drinks-takeaway-coffe-enjoys-leisure-time-dressed-fashionable-clothes-isolated-green-wall_273609-47974.jpg", alt: "Satisfied customer"},
{
src: "http://img.b2bpic.net/free-photo/portrait-positive-african-american-girl-laughs-out-happily-keeps-mouth-opened-has-white-teeth-hears-funny-news-dressed-orange-knitted-sweater_273609-46780.jpg",
alt: "Cheerful person",
},
src: "http://img.b2bpic.net/free-photo/portrait-positive-african-american-girl-laughs-out-happily-keeps-mouth-opened-has-white-teeth-hears-funny-news-dressed-orange-knitted-sweater_273609-46780.jpg", alt: "Cheerful person"},
{
src: "http://img.b2bpic.net/free-photo/joyous-photographer-selecting-best-pictures-editorial-content_482257-116558.jpg",
alt: "Customer giving review",
},
src: "http://img.b2bpic.net/free-photo/joyous-photographer-selecting-best-pictures-editorial-content_482257-116558.jpg", alt: "Customer giving review"},
]}
avatarText="Join over 10,000 happy customers!"
/>
@@ -112,19 +86,13 @@ export default function LandingPage() {
description="More than just coffee, CHUMUK is a place where every cup is crafted with passion and every visit is a celebration. We believe in good vibes, great coffee, and even better company."
bulletPoints={[
{
title: "Premium Beans",
description: "Sourced from the finest regions, roasted to perfection for an unparalleled taste.",
icon: Star,
title: "Premium Beans", description: "Sourced from the finest regions, roasted to perfection for an unparalleled taste.", icon: Star,
},
{
title: "Artisan Baristas",
description: "Our skilled team crafts beautiful and delicious drinks, turning coffee into art.",
icon: Award,
title: "Artisan Baristas", description: "Our skilled team crafts beautiful and delicious drinks, turning coffee into art.", icon: Award,
},
{
title: "Vibrant Atmosphere",
description: "A cheerful space designed for joy, comfort, and delightful conversations.",
icon: Sparkles,
title: "Vibrant Atmosphere", description: "A cheerful space designed for joy, comfort, and delightful conversations.", icon: Sparkles,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/man-apron-posing-with-coffee-machine-component_23-2148366661.jpg"
@@ -141,23 +109,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Signature Lattes",
description: "Unique blends and seasonal flavors, expertly crafted for your enjoyment.",
imageSrc: "http://img.b2bpic.net/free-photo/ice-cold-alcoholic-drink-ready-be-served_23-2148617648.jpg",
imageAlt: "Colorful latte in a unique mug",
},
title: "Signature Lattes", description: "Unique blends and seasonal flavors, expertly crafted for your enjoyment.", imageSrc: "http://img.b2bpic.net/free-photo/ice-cold-alcoholic-drink-ready-be-served_23-2148617648.jpg", imageAlt: "Colorful latte in a unique mug"},
{
title: "Freshly Baked Pastries",
description: "Pair your coffee with a delectable selection of pastries, baked daily.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-buns-wicker-tray-with-vegetables-cheese-white-plate-with-honey-white-background_141793-52944.jpg",
imageAlt: "Assortment of freshly baked croissants and muffins",
},
title: "Freshly Baked Pastries", description: "Pair your coffee with a delectable selection of pastries, baked daily.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-buns-wicker-tray-with-vegetables-cheese-white-plate-with-honey-white-background_141793-52944.jpg", imageAlt: "Assortment of freshly baked croissants and muffins"},
{
title: "Cozy Nooks & Free Wi-Fi",
description: "Relax or work in our comfortable spaces with complimentary high-speed internet.",
imageSrc: "http://img.b2bpic.net/free-photo/image-young-digital-nomad-man-glasses-sits-cafe-works-from-coffee-shop-uses-laptop_1258-245402.jpg",
imageAlt: "Cozy cafe interior with laptop and coffee",
},
title: "Cozy Nooks & Free Wi-Fi", description: "Relax or work in our comfortable spaces with complimentary high-speed internet.", imageSrc: "http://img.b2bpic.net/free-photo/image-young-digital-nomad-man-glasses-sits-cafe-works-from-coffee-shop-uses-laptop_1258-245402.jpg", imageAlt: "Cozy cafe interior with laptop and coffee"},
]}
title="Our Signature Delights"
description="Discover what makes CHUMUK truly special, from innovative drinks to a cozy corner just for you."
@@ -172,47 +128,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Classic Espresso",
price: "$3.00",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-hot-strong-drink-light-blue-surface-drink-coffee-cocoa-sleep-color-photo_140725-52734.jpg",
imageAlt: "Shot of classic espresso",
},
id: "p1", name: "Classic Espresso", price: "$3.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-hot-strong-drink-light-blue-surface-drink-coffee-cocoa-sleep-color-photo_140725-52734.jpg", imageAlt: "Shot of classic espresso"},
{
id: "p2",
name: "Caramel Macchiato",
price: "$5.50",
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-latte-machiato-with-dessert-table_141793-3590.jpg",
imageAlt: "Caramel Macchiato with foam art",
},
id: "p2", name: "Caramel Macchiato", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-latte-machiato-with-dessert-table_141793-3590.jpg", imageAlt: "Caramel Macchiato with foam art"},
{
id: "p3",
name: "Matcha Latte",
price: "$5.75",
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-cup-matcha-green-tea-with-latte-art_140725-7120.jpg",
imageAlt: "Green Matcha Latte",
},
id: "p3", name: "Matcha Latte", price: "$5.75", imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-cup-matcha-green-tea-with-latte-art_140725-7120.jpg", imageAlt: "Green Matcha Latte"},
{
id: "p4",
name: "Blueberry Muffin",
price: "$3.25",
imageSrc: "http://img.b2bpic.net/free-photo/cookies-with-cocoa-sesame-cumin-with-glass-milk-black-background_114579-15126.jpg",
imageAlt: "Freshly baked blueberry muffin",
},
id: "p4", name: "Blueberry Muffin", price: "$3.25", imageSrc: "http://img.b2bpic.net/free-photo/cookies-with-cocoa-sesame-cumin-with-glass-milk-black-background_114579-15126.jpg", imageAlt: "Freshly baked blueberry muffin"},
{
id: "p5",
name: "Artisan Croissant",
price: "$3.75",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-croissants-with-peanut-butter_23-2148566685.jpg",
imageAlt: "Flaky artisan croissant",
},
id: "p5", name: "Artisan Croissant", price: "$3.75", imageSrc: "http://img.b2bpic.net/free-photo/top-view-croissants-with-peanut-butter_23-2148566685.jpg", imageAlt: "Flaky artisan croissant"},
{
id: "p6",
name: "Cold Brew",
price: "$4.50",
imageSrc: "http://img.b2bpic.net/free-photo/ice-cold-drinks-ready-be-served_23-2148617688.jpg",
imageAlt: "Glass of cold brew coffee",
},
id: "p6", name: "Cold Brew", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/ice-cold-drinks-ready-be-served_23-2148617688.jpg", imageAlt: "Glass of cold brew coffee"},
]}
title="Our Beloved Menu"
description="Explore our full range of handcrafted beverages and delicious treats, all made with love."
@@ -226,45 +152,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Maria S.",
handle: "@CoffeeLover",
testimonial: "CHUMUK is my go-to spot! The coffee is amazing, and the red and yellow decor always puts a smile on my face. A truly cheerful experience!",
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-stylish-girl-touching-short-hair-studio-shot-smiling-attarctive-woman-red-sweater_197531-27318.jpg",
imageAlt: "Customer Maria S.",
},
id: "t1", name: "Maria S.", handle: "@CoffeeLover", testimonial: "CHUMUK is my go-to spot! The coffee is amazing, and the red and yellow decor always puts a smile on my face. A truly cheerful experience!", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-stylish-girl-touching-short-hair-studio-shot-smiling-attarctive-woman-red-sweater_197531-27318.jpg", imageAlt: "Customer Maria S."},
{
id: "t2",
name: "David L.",
handle: "@CafeHopper",
testimonial: "Best espresso in town! The staff is super friendly, and the atmosphere is so lively. Highly recommend their caramel macchiato.",
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
imageAlt: "Customer David L.",
},
id: "t2", name: "David L.", handle: "@CafeHopper", testimonial: "Best espresso in town! The staff is super friendly, and the atmosphere is so lively. Highly recommend their caramel macchiato.", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg", imageAlt: "Customer David L."},
{
id: "t3",
name: "Jessica P.",
handle: "@LocalEats",
testimonial: "Found my new favorite study spot. Great coffee, delicious pastries, and reliable Wi-Fi. What more could you ask for?",
imageSrc: "http://img.b2bpic.net/free-photo/people-modern-lifestyle-technologies-communication-leisure-concept-serious-thoughtful-retired-lady-with-gray-hair-using-laptop-pc-remote-work-while-having-coffee-cafeteria-alone_344912-1963.jpg",
imageAlt: "Customer Jessica P.",
},
id: "t3", name: "Jessica P.", handle: "@LocalEats", testimonial: "Found my new favorite study spot. Great coffee, delicious pastries, and reliable Wi-Fi. What more could you ask for?", imageSrc: "http://img.b2bpic.net/free-photo/people-modern-lifestyle-technologies-communication-leisure-concept-serious-thoughtful-retired-lady-with-gray-hair-using-laptop-pc-remote-work-while-having-coffee-cafeteria-alone_344912-1963.jpg", imageAlt: "Customer Jessica P."},
{
id: "t4",
name: "Omar K.",
handle: "@TasteExplorer",
testimonial: "The unique blends here are fantastic. I love trying their seasonal specials. The energy of this place is infectious!",
imageSrc: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-happy-handsome-business-man-suit-playing-moblie-phone-smiling-with-laptop-work-office-white-background_1258-103937.jpg",
imageAlt: "Customer Omar K.",
},
id: "t4", name: "Omar K.", handle: "@TasteExplorer", testimonial: "The unique blends here are fantastic. I love trying their seasonal specials. The energy of this place is infectious!", imageSrc: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-happy-handsome-business-man-suit-playing-moblie-phone-smiling-with-laptop-work-office-white-background_1258-103937.jpg", imageAlt: "Customer Omar K."},
{
id: "t5",
name: "Sophie G.",
handle: "@SweetTooth",
testimonial: "Their blueberry muffins are to die for! I always leave CHUMUK with a coffee and a pastry, feeling happy.",
imageSrc: "http://img.b2bpic.net/free-photo/dessert-with-my-best-friend-tastes-doubly-well_329181-2937.jpg",
imageAlt: "Customer Sophie G.",
},
id: "t5", name: "Sophie G.", handle: "@SweetTooth", testimonial: "Their blueberry muffins are to die for! I always leave CHUMUK with a coffee and a pastry, feeling happy.", imageSrc: "http://img.b2bpic.net/free-photo/dessert-with-my-best-friend-tastes-doubly-well_329181-2937.jpg", imageAlt: "Customer Sophie G."},
]}
title="What Our Guests Say"
description="Hear from our happy customers about their CHUMUK experience."
@@ -278,60 +174,31 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "plan1",
name: "Regular Sip",
price: "$20/month",
buttons: [
id: "plan1", name: "Regular Sip", price: "$20/month", buttons: [
{
text: "Subscribe",
href: "#",
},
text: "Subscribe", href: "#"},
],
features: [
"1 Regular coffee/day",
"Basic loyalty points",
"Access to daily deals",
],
badge: "Daily Brew",
badgeIcon: Sparkles,
"1 Regular coffee/day", "Basic loyalty points", "Access to daily deals"],
badge: "Daily Brew", badgeIcon: Sparkles,
},
{
id: "plan2",
name: "Premium Roaster",
price: "$35/month",
buttons: [
id: "plan2", name: "Premium Roaster", price: "$35/month", buttons: [
{
text: "Subscribe",
href: "#",
},
text: "Subscribe", href: "#"},
],
features: [
"1 Premium coffee/day",
"Enhanced loyalty points",
"Early access to new blends",
"20% off pastries",
],
badge: "Connoisseur",
badgeIcon: Sparkles,
"1 Premium coffee/day", "Enhanced loyalty points", "Early access to new blends", "20% off pastries"],
badge: "Connoisseur", badgeIcon: Sparkles,
},
{
id: "plan3",
name: "Family Pack",
price: "$50/month",
buttons: [
id: "plan3", name: "Family Pack", price: "$50/month", buttons: [
{
text: "Subscribe",
href: "#",
},
text: "Subscribe", href: "#"},
],
features: [
"2 Premium coffees/day",
"Shareable loyalty points",
"Family discounts on pastries",
"Free refills on drip coffee",
],
badge: "Community",
badgeIcon: Sparkles,
"2 Premium coffees/day", "Shareable loyalty points", "Family discounts on pastries", "Free refills on drip coffee"],
badge: "Community", badgeIcon: Sparkles,
},
]}
title="Our Coffee Plans"
@@ -344,14 +211,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Local Roastery Co.",
"Sweet Treats Bakery",
"Community Art Guild",
"Fresh Milk Farms",
"Eco-Friendly Cups",
"Urban Garden Supplies",
"City Events Group",
]}
"Local Roastery Co.", "Sweet Treats Bakery", "Community Art Guild", "Fresh Milk Farms", "Eco-Friendly Cups", "Urban Garden Supplies", "City Events Group"]}
title="Trusted by Local Partners"
description="We're proud to collaborate with local businesses and suppliers who share our passion for quality and community."
/>
@@ -362,25 +222,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "What are your opening hours?",
content: "We are open Monday to Friday from 7 AM to 7 PM, and Saturday to Sunday from 8 AM to 6 PM.",
},
id: "faq1", title: "What are your opening hours?", content: "We are open Monday to Friday from 7 AM to 7 PM, and Saturday to Sunday from 8 AM to 6 PM."},
{
id: "faq2",
title: "Do you offer vegan options?",
content: "Yes, we have a variety of plant-based milk alternatives and vegan pastry options. Just ask our baristas!",
},
id: "faq2", title: "Do you offer vegan options?", content: "Yes, we have a variety of plant-based milk alternatives and vegan pastry options. Just ask our baristas!"},
{
id: "faq3",
title: "Can I pre-order coffee?",
content: "Absolutely! You can pre-order through our website or mobile app for quick pickup.",
},
id: "faq3", title: "Can I pre-order coffee?", content: "Absolutely! You can pre-order through our website or mobile app for quick pickup."},
{
id: "faq4",
title: "Do you cater for events?",
content: "Yes, we offer catering services for events of all sizes. Please contact us for a customized menu.",
},
id: "faq4", title: "Do you cater for events?", content: "Yes, we offer catering services for events of all sizes. Please contact us for a customized menu."},
]}
sideTitle="Your Questions, Answered"
sideDescription="Find quick answers to the most common questions about CHUMUK."
@@ -396,22 +244,14 @@ export default function LandingPage() {
description="Have a question, feedback, or want to discuss catering? We'd love to hear from you!"
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your Message",
rows: 4,
name: "message", placeholder: "Your Message", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/lady-casual-outfit-posing-with-smile-street-portrait-happy-smiling-brunette-model-drinks-tea_197531-11995.jpg"
@@ -429,23 +269,17 @@ export default function LandingPage() {
socialLinks={[
{
icon: Instagram,
href: "https://instagram.com/chumukcoffee",
ariaLabel: "Instagram",
},
href: "https://instagram.com/chumukcoffee", ariaLabel: "Instagram"},
{
icon: Facebook,
href: "https://facebook.com/chumukcoffee",
ariaLabel: "Facebook",
},
href: "https://facebook.com/chumukcoffee", ariaLabel: "Facebook"},
{
icon: Twitter,
href: "https://twitter.com/chumukcoffee",
ariaLabel: "Twitter",
},
href: "https://twitter.com/chumukcoffee", ariaLabel: "Twitter"},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

18
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #FDFCF6;
--card: #FEFAF0;
--foreground: #1A1A1A;
--primary-cta: #E63946;
--primary-cta-text: #FFFFFF;
--secondary-cta: #FFD700;
--secondary-cta-text: #1A1A1A;
--accent: #FFD700;
--background-accent: #1A1A1A;
--background: #000000;
--card: #1a1a1a;
--foreground: #ffffff;
--primary-cta: #e60000;
--primary-cta-text: #ffffff;
--secondary-cta: #ffd700;
--secondary-cta-text: #000000;
--accent: #ffd700;
--background-accent: #1a1a1a;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);