bender/e910bc58-5c1b-4b59-b564-3aa3be563936
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-04-05 09:14:11 +00:00
parent 822b3c2f75 a920f180af
commit 6bd13eeb87
2 changed files with 62 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

167
src/app/page.tsx
View File

@@ -2,8 +2,8 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
@@ -29,21 +29,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Store",
id: "products",
},
name: "Store", id: "products"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Criminal Coffee"
/>
@@ -52,45 +44,28 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
title="Criminal Coffee Company"
description="Amazing cafe, the best toasties on the Sunshine Coast. Join the community and experience the vibe."
buttons={[
{
text: "Shop Beans",
href: "#products",
},
text: "Shop Beans", href: "#products"},
{
text: "Visit Us",
href: "#contact",
},
text: "Visit Us", href: "#contact"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/cafe-bar-hotel-loft-style_1150-10724.jpg",
imageAlt: "Coffee Machine",
},
imageSrc: "http://img.b2bpic.net/free-photo/cafe-bar-hotel-loft-style_1150-10724.jpg", imageAlt: "Coffee Machine"},
{
imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-melted-cheese-served-with-salad_140725-8046.jpg",
imageAlt: "Gourmet Toastie",
},
imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-melted-cheese-served-with-salad_140725-8046.jpg", imageAlt: "Gourmet Toastie"},
{
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-black-background-with-pralines_114579-16619.jpg",
imageAlt: "Coffee Beans",
},
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-black-background-with-pralines_114579-16619.jpg", imageAlt: "Coffee Beans"},
{
imageSrc: "http://img.b2bpic.net/free-photo/summertime-vibes-with-cocktail-fruit_23-2149619481.jpg",
imageAlt: "Beachside Coffee",
},
imageSrc: "http://img.b2bpic.net/free-photo/summertime-vibes-with-cocktail-fruit_23-2149619481.jpg", imageAlt: "Beachside Coffee"},
{
imageSrc: "http://img.b2bpic.net/free-photo/crop-person-using-laptop-near-coffee_23-2147768826.jpg",
imageAlt: "Cafe Vibe",
},
imageSrc: "http://img.b2bpic.net/free-photo/crop-person-using-laptop-near-coffee_23-2147768826.jpg", imageAlt: "Cafe Vibe"},
{
imageSrc: "http://img.b2bpic.net/free-photo/coffee-maker-machine-table_23-2148937231.jpg",
imageAlt: "Brewing Setup",
},
imageSrc: "http://img.b2bpic.net/free-photo/coffee-maker-machine-table_23-2148937231.jpg", imageAlt: "Brewing Setup"},
]}
/>
</div>
@@ -103,17 +78,11 @@ export default function LandingPage() {
description="We've created a place to hangout, enjoy artisan toasties and some of the best coffee on the coast. Whether you're here for a meeting, catching up with friends, or just grabbing a quick bite, we've got you covered."
bulletPoints={[
{
title: "Gourmet Toasties",
description: "Hand-crafted fillings using premium ingredients.",
},
title: "Gourmet Toasties", description: "Hand-crafted fillings using premium ingredients."},
{
title: "Specialty Coffee",
description: "Roasted beans, full flavor, smooth finish.",
},
title: "Specialty Coffee", description: "Roasted beans, full flavor, smooth finish."},
{
title: "Community Vibe",
description: "Welcoming space for everyone, laptop friendly.",
},
title: "Community Vibe", description: "Welcoming space for everyone, laptop friendly."},
]}
imageSrc="http://img.b2bpic.net/free-photo/coffee-shop-with-people_1162-118.jpg"
imageAlt="Criminal Coffee Cafe Interior"
@@ -129,41 +98,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Signature Beans",
price: "$18.00",
imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-bag-packaging-isolated_187299-46739.jpg",
},
id: "p1", name: "Signature Beans", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-bag-packaging-isolated_187299-46739.jpg"},
{
id: "p2",
name: "Brisket Toastie",
price: "$14.00",
imageSrc: "http://img.b2bpic.net/free-photo/slice-ham-sandwiches-coffee-cup-background_23-2147916004.jpg",
},
id: "p2", name: "Brisket Toastie", price: "$14.00", imageSrc: "http://img.b2bpic.net/free-photo/slice-ham-sandwiches-coffee-cup-background_23-2147916004.jpg"},
{
id: "p3",
name: "Light Roast Blend",
price: "$20.00",
imageSrc: "http://img.b2bpic.net/free-photo/assortment-coffee-beans_53876-41429.jpg",
},
id: "p3", name: "Light Roast Blend", price: "$20.00", imageSrc: "http://img.b2bpic.net/free-photo/assortment-coffee-beans_53876-41429.jpg"},
{
id: "p4",
name: "Pulled Pork Toastie",
price: "$14.00",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwich-tablecloth_1220-337.jpg",
},
id: "p4", name: "Pulled Pork Toastie", price: "$14.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-sandwich-cloth-tablecloth_1220-337.jpg"},
{
id: "p5",
name: "Reusable Cup",
price: "$22.00",
imageSrc: "http://img.b2bpic.net/free-photo/craft-paper-coffee-cup-dried-flowers-eco-background-flat-lay_169016-33807.jpg",
},
id: "p5", name: "Reusable Cup", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/craft-paper-coffee-cup-dried-flowers-eco-background-flat-lay_169016-33807.jpg"},
{
id: "p6",
name: "Pastry Box",
price: "$25.00",
imageSrc: "http://img.b2bpic.net/free-photo/sweet-plate-with-various-sweets_114579-21335.jpg",
},
id: "p6", name: "Pastry Box", price: "$25.00", imageSrc: "http://img.b2bpic.net/free-photo/sweet-plate-with-various-sweets_114579-21335.jpg"},
]}
title="The Goods"
description="Everything you need, from freshly roasted beans to our iconic gourmet toasties."
@@ -178,25 +123,15 @@ export default function LandingPage() {
author="Deborah B."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-bathrobe-drinking-morning-coffee-enjoying-taste-smiling_1258-193248.jpg",
alt: "Deborah B",
},
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-bathrobe-drinking-morning-coffee-enjoying-taste-smiling_1258-193248.jpg", alt: "Deborah B"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-hot-chocolate_52683-102636.jpg",
alt: "David K",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-hot-chocolate_52683-102636.jpg", alt: "David K"},
{
src: "http://img.b2bpic.net/free-photo/cappuccino-coffee-with-tree-latte-art_53876-94345.jpg",
alt: "Elise M",
},
src: "http://img.b2bpic.net/free-photo/cappuccino-coffee-with-tree-latte-art_53876-94345.jpg", alt: "Elise M"},
{
src: "http://img.b2bpic.net/free-photo/lovely-women-looking-mobile-phone_23-2148422480.jpg",
alt: "Caitlin G",
},
src: "http://img.b2bpic.net/free-photo/lovely-women-looking-mobile-phone_23-2148422480.jpg", alt: "Caitlin G"},
{
src: "http://img.b2bpic.net/free-photo/woman-sitting-coffee-shop_1150-154.jpg",
alt: "Celeste",
},
src: "http://img.b2bpic.net/free-photo/woman-sitting-coffee-shop_1150-154.jpg", alt: "Celeste"},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
@@ -204,29 +139,37 @@ export default function LandingPage() {
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Newsletter"
title="Juicy news, straight from the beans."
description="Be part of the CCC community and get the latest news straight to your inbox."
buttonText="Subscribe"
<ContactSplitForm
useInvertedBackground={true}
title="Get in Touch"
description="Send us a message and we'll get back to you as soon as possible."
inputs={[
{ name: "name", type: "text", placeholder: "Name" },
{ name: "email", type: "email", placeholder: "Email" },
]}
textarea={{ name: "message", placeholder: "Your message here..." }}
imageSrc="http://img.b2bpic.net/free-photo/coffee-maker-machine-table_23-2148937231.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
<FooterMedia
logoText="Criminal Coffee"
leftLink={{
text: "Terms",
href: "#",
}}
rightLink={{
text: "Privacy",
href: "#",
}}
imageSrc="http://img.b2bpic.net/free-photo/coffee-beans-black-background-with-pralines_114579-16619.jpg"
columns={[
{
title: "Navigate", items: [
{ label: "Home", href: "#hero" },
{ label: "Store", href: "#products" },
]
},
{
title: "Legal", items: [
{ label: "Terms", href: "#" },
{ label: "Privacy", href: "#" },
]
}
]}
/>
</div>
</ReactLenis>

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

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #fcf6ec;
--card: #f3ede2;
--foreground: #2e2521;
--primary-cta: #2e2521;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #ffffffe6;
--primary-cta: #e6e6e6;
--primary-cta-text: #fcf6ec;
--secondary-cta: #ffffff;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #2e2521;
--accent: #b2a28b;
--background-accent: #b2a28b;
--accent: #737373;
--background-accent: #737373;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);