6 Commits

Author SHA1 Message Date
11adedfd53 Update src/app/products/page.tsx 2026-05-21 03:23:51 +00:00
6a6700f643 Update src/app/products/page.tsx 2026-05-21 03:21:33 +00:00
ee18a8aed9 Add src/app/products/page.tsx 2026-05-21 03:21:08 +00:00
82ccf9bb76 Update src/app/page.tsx 2026-05-21 03:21:08 +00:00
11aa43d2e2 Merge version_3 into main
Merge version_3 into main
2026-05-21 03:09:36 +00:00
1cb3f8b444 Merge version_2 into main
Merge version_2 into main
2026-05-21 03:07:31 +00:00
2 changed files with 107 additions and 87 deletions

View File

@@ -30,14 +30,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home", id: "#hero"},
{
name: "Shop", id: "#products"},
{
name: "Classes", id: "#classes"},
{
name: "Contact", id: "#contact"},
{ name: "Home", id: "/" },
{ name: "Products", id: "/products" },
{ name: "Shop", id: "#products" },
{ name: "Classes", id: "#classes" },
{ name: "Contact", id: "#contact" },
]}
brandName="Lakeside Cookie Co."
/>
@@ -45,21 +42,13 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "plain"}}
background={{ variant: "plain" }}
title="Welcome to Lakeside Cookie Co."
description="Custom-decorated cookies, decadent bakery, cookie decorating classes and party supply."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-appetizing-homemade-chocolate-cookies-metal-tray_181624-57715.jpg", imageAlt: "gourmet artisan cookies bakery"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-confectioner-hands-decorating-stars_1163-2856.jpg", imageAlt: "decorated cookies close up"},
{
imageSrc: "http://img.b2bpic.net/free-photo/homemade-cookies-female-hands-christmas-baking-top-view_169016-46602.jpg", imageAlt: "celebration party supplies display"},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cookies-biscuits-anises-cinnamon-sticks-round-wood-board-dark-table-copy-place_140725-85357.jpg", imageAlt: "gourmet artisan cookies bakery"},
{
imageSrc: "http://img.b2bpic.net/free-photo/jar-granola-cornflakes-chocolate-chips-near-dry-fruits-wooden-surface_23-2147956796.jpg", imageAlt: "decorated cookies close up"},
{ imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-appetizing-homemade-chocolate-cookies-metal-tray_181624-57715.jpg", imageAlt: "gourmet artisan cookies bakery" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-confectioner-hands-decorating-stars_1163-2856.jpg", imageAlt: "decorated cookies close up" },
{ imageSrc: "http://img.b2bpic.net/free-photo/homemade-cookies-female-hands-christmas-baking-top-view_169016-46602.jpg", imageAlt: "celebration party supplies display" },
]}
mediaAnimation="slide-up"
/>
@@ -71,12 +60,9 @@ export default function LandingPage() {
title="Our Passion for Baking"
description="We specialize in crafting custom-decorated cookies and decadent treats that bring joy to every occasion. Beyond our bakery, we share our craft through engaging decorating classes and curate high-end party supplies."
metrics={[
{
value: "10k+", title: "Cookies Baked"},
{
value: "500+", title: "Classes Hosted"},
{
value: "100%", title: "Love Involved"},
{ value: "10k+", title: "Cookies Baked" },
{ value: "500+", title: "Classes Hosted" },
{ value: "100%", title: "Love Involved" },
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-person-with-dough-kitchen-utensils_23-2148296878.jpg"
mediaAnimation="blur-reveal"
@@ -91,18 +77,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1", title: "Decadent Cookies", descriptions: [
"Freshly baked cookies with premium ingredients."],
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-valentine-s-day-concept-with-copy-space_23-2148804183.jpg", imageAlt: "decorated cookie selection set"},
{
id: "f2", title: "Decorating Classes", descriptions: [
"Learn the art of sugar cookie decorating."],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-preparing-melt-chocolate-glass-with-cupcakes_23-2147906749.jpg", imageAlt: "baking class workshop studio"},
{
id: "f3", title: "Party Supplies", descriptions: [
"Shop our curated Meri Meri party collection."],
imageSrc: "http://img.b2bpic.net/free-photo/party-suplies-white_23-2147773236.jpg", imageAlt: "party supplies birthday decor"},
{ id: "f1", title: "Decadent Cookies", descriptions: ["Freshly baked cookies with premium ingredients."], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-valentine-s-day-concept-with-copy-space_23-2148804183.jpg", imageAlt: "decorated cookie selection set" },
{ id: "f2", title: "Decorating Classes", descriptions: ["Learn the art of sugar cookie decorating."], imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-preparing-melt-chocolate-glass-with-cupcakes_23-2147906749.jpg", imageAlt: "baking class workshop studio" },
{ id: "f3", title: "Party Supplies", descriptions: ["Shop our curated Meri Meri party collection."], imageSrc: "http://img.b2bpic.net/free-photo/party-suplies-white_23-2147773236.jpg", imageAlt: "party supplies birthday decor" },
]}
title="What We Offer"
description="From custom sweet treats to festive event supplies, we elevate your celebrations."
@@ -116,24 +93,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1", brand: "Bakery", name: "Chocolate Chip Cookie", price: "$4.00", rating: 5,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-distant-view-delicious-cake-with-cream-candies-along-with-berries-cookie-cakes-light_140725-32719.jpg", imageAlt: "decadent chocolate chip cookie"},
{
id: "p2", brand: "Decorated", name: "Custom Heart Cookie", price: "$6.00", rating: 5,
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/heart-shaped-cakes-valentine-s-day_114579-57275.jpg", imageAlt: "decorated sugar cookie heart"},
{
id: "p3", brand: "Seasonal", name: "Holiday Treat Box", price: "$35.00", rating: 4,
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-small-cupcakes-christmas-gifts-with-red-ribbon-candy-fir-branches-ice-table_140725-102464.jpg", imageAlt: "festive holiday cookie box"},
{
id: "p4", brand: "Party", name: "Meri Meri Party Decor", price: "$12.00", rating: 5,
reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pink-party-ornaments-arrangement_23-2148698090.jpg", imageAlt: "Meri Meri party supply item"},
{
id: "p5", brand: "Bulk", name: "Assorted Cookie Tin", price: "$25.00", rating: 5,
reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cookie-making-hanukkah_23-2148704564.jpg", imageAlt: "bakery fresh cookie tin"},
{
id: "p6", brand: "Class", name: "DIY Decorating Kit", price: "$30.00", rating: 5,
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hand-cutting-dough-with-shapes_23-2148695524.jpg", imageAlt: "artisan cookie decoration kit"},
{ id: "p1", brand: "Bakery", name: "Chocolate Chip Cookie", price: "$4.00", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-distant-view-delicious-cake-with-cream-candies-along-with-berries-cookie-cakes-light_140725-32719.jpg", imageAlt: "decadent chocolate chip cookie" },
{ id: "p2", brand: "Decorated", name: "Custom Heart Cookie", price: "$6.00", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/heart-shaped-cakes-valentine-s-day_114579-57275.jpg", imageAlt: "decorated sugar cookie heart" },
{ id: "p3", brand: "Seasonal", name: "Holiday Treat Box", price: "$35.00", rating: 4, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-small-cupcakes-christmas-gifts-with-red-ribbon-candy-fir-branches-ice-table_140725-102464.jpg", imageAlt: "festive holiday cookie box" },
]}
title="Shop Our Favorites"
description="Explore our delicious range of treats and festive items."
@@ -144,8 +106,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="split"
useInvertedBackground={false}
names={[
"Corporate Partners", "Event Planners", "Local Schools", "Family Gatherings", "Wedding Planners"]}
names={["Corporate Partners", "Event Planners", "Local Schools", "Family Gatherings", "Wedding Planners"]}
title="Trusted by Families & Events"
description="Proudly supporting celebrations across the community."
/>
@@ -158,16 +119,8 @@ export default function LandingPage() {
rating={5}
author="Sarah M."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/top-view-oatmeal-cookies-with-chocolate-purple-wooden-background-with-copy-space_141793-6437.jpg", alt: "happy customer eating cookie"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cookies_23-2150379172.jpg", alt: "smiling customer bakery studio"},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-interracial-young-couple-having-breakfast-together-home_23-2148151763.jpg", alt: "bakery shop customer portrait"},
{
src: "http://img.b2bpic.net/free-photo/happy-asian-woman-cooking-homemade-bakery-home-start-up-sme-small-business-concept_640221-601.jpg", alt: "satisfied parent cookie party"},
{
src: "http://img.b2bpic.net/free-photo/young-adult-having-fun-white-party_23-2149575173.jpg", alt: "happy customer portrait bakery"},
{ src: "http://img.b2bpic.net/free-photo/top-view-oatmeal-cookies-with-chocolate-purple-wooden-background-with-copy-space_141793-6437.jpg", alt: "happy customer eating cookie" },
{ src: "http://img.b2bpic.net/medium-shot-woman-holding-cookies_23-2150379172.jpg", alt: "smiling customer bakery studio" },
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -180,17 +133,10 @@ export default function LandingPage() {
title="Corporate Bulk Inquiries"
description="Need a large order for your next corporate event or client gift? Let's discuss your requirements."
inputs={[
{
name: "company", type: "text", placeholder: "Company Name", required: true,
},
{
name: "email", type: "email", placeholder: "Work Email", required: true,
},
{ name: "company", type: "text", placeholder: "Company Name", required: true },
{ name: "email", type: "email", placeholder: "Work Email", required: true },
]}
textarea={{
name: "message", placeholder: "Tell us about your event details and quantity needed.", rows: 4,
required: true
}}
textarea={{ name: "message", placeholder: "Tell us about your event details and quantity needed.", rows: 4, required: true }}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E0jl5troFme2sZ6boV72NF0xYc/uploaded-1779332829234-selc6nbn.png"
buttonText="Submit Inquiry"
imageAlt="corporate cookie gift presentation"
@@ -202,14 +148,8 @@ export default function LandingPage() {
columns={[
{
items: [
{
label: "Corporate Sales: corporate@lakesidecookie.com", href: "mailto:corporate@lakesidecookie.com"},
{
label: "Inquiries: hello@lakesidecookie.com", href: "mailto:hello@lakesidecookie.com"},
{
label: "Facebook", href: "#"},
{
label: "Instagram", href: "#"},
{ label: "Corporate Sales: corporate@lakesidecookie.com", href: "mailto:corporate@lakesidecookie.com" },
{ label: "Inquiries: hello@lakesidecookie.com", href: "mailto:hello@lakesidecookie.com" },
],
},
]}
@@ -219,4 +159,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

80
src/app/products/page.tsx Normal file
View File

@@ -0,0 +1,80 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
export default function ProductsPage() {
const products = [
"Dumpster Fire", "Oreo Explosion", "Oatmeal Soctchy", "Andes Mint",
"Snickerdoodle", "Slim Shady", "Nutella Smash", "White Chocolate Macadamia Nut",
"Chocolate Chunk", "Peanut Butter Cup", "Red Velvet", "Salted Caramel",
"Caramel Apple Crisp", "Penthouse", "Butter Finger", "Party Animal"
].map((name, i) => ({
id: `prod-${i}`,
brand: "Signature",
name,
price: "$4.50",
rating: 5,
reviewCount: "50",
imageSrc: "http://img.b2bpic.net/free-photo/top-distant-view-delicious-cake-with-cream-candies-along-with-berries-cookie-cakes-light_140725-32719.jpg",
imageAlt: name
}));
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="medium"
sizing="largeSmallSizeMediumTitles"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="double-inset"
secondaryButtonStyle="layered"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Products", id: "/products" },
{ name: "Shop", id: "/#products" },
{ name: "Contact", id: "/#contact" },
]}
brandName="Lakeside Cookie Co."
/>
</div>
<div id="products" data-section="products" className="pt-24">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
title="Our Decadent Cookies"
description="Discover our entire range of signature cookies, baked to perfection."
products={products}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{ label: "Corporate Sales: corporate@lakesidecookie.com", href: "mailto:corporate@lakesidecookie.com" },
{ label: "Inquiries: hello@lakesidecookie.com", href: "mailto:hello@lakesidecookie.com" },
],
},
]}
logoText="Lakeside Cookie Co."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}