Compare commits
31 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0192dff4a4 | |||
| 78840cc435 | |||
| 015dc30890 | |||
| f6664f3dec | |||
| b0e1b9b181 | |||
| b4c520f25d | |||
| 4ca3bdd6c2 | |||
| 407c18c5ac | |||
| 32246e8021 | |||
| daa3572afd | |||
| 70de8f2041 | |||
| 254270fe77 | |||
| 9ed76770e5 | |||
| 78a34b5bc1 | |||
| 33de705111 | |||
| 94cbdd1b67 | |||
| 4367725e96 | |||
| 0cba00e2a7 | |||
| 1768b76185 | |||
| 7b0afc4e37 | |||
| d359025f14 | |||
| beea3c538e | |||
| 6a62ed5eb2 | |||
| 8defd9b08b | |||
| ddfd5172ee | |||
| 8f613c0ac8 | |||
| 3e02711749 | |||
| 57382b9558 | |||
| b5e1fe2089 | |||
| 880404342a | |||
| 775292f1e3 |
@@ -2,132 +2,37 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
|
||||
export default function LandingPage() {
|
||||
const navLinks = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
];
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Sheescakes'N More"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-full" data-section="about-full">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Story",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-male-florist-work_23-2149127314.jpg",
|
||||
alt: "History",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-content" data-section="about-content">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Quality Standards"
|
||||
tag="Values"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Locally Sourced Ingredients",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Daily",
|
||||
description: "Baked Fresh Every Morning",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Handmade",
|
||||
description: "Love in Every Bite",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Sheescakes'N More"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Sheescakes'N More. Sample demo site."
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay navItems={navLinks} />
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[{ type: 'text', content: "Our Bakery Story" }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Sheescakes'N More"
|
||||
columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -2,126 +2,41 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
|
||||
export default function LandingPage() {
|
||||
const navLinks = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Order", id: "/order" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
];
|
||||
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Sheescakes'N More"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-details" data-section="contact-details">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Visit us at 1006 Philadelphia Ave, Northern Cambria, PA. Phone: (814) 555-0123. Contact us for orders or queries."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-form" data-section="contact-form">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you accept pre-orders?",
|
||||
content: "Yes! Use our contact form to request pickups.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What are your hours?",
|
||||
content: "We open daily at 7 AM.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is this a real bakery?",
|
||||
content: "This is a sample/demo website design created for presentation purposes only.",
|
||||
},
|
||||
]}
|
||||
title="Ordering & Questions"
|
||||
description="Common questions for your visit."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Sheescakes'N More"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Sheescakes'N More. Sample demo site."
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay navItems={navLinks} />
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Contact Us"
|
||||
title="Get in Touch"
|
||||
description="Have questions or want to place a custom order? Reach out to us!"
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Sheescakes'N More"
|
||||
columns={[{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Order", href: "/order" }, { label: "Contact", href: "/contact" }] }]}
|
||||
copyrightText="© 2024 Sheescakes'N More."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -2,171 +2,46 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
|
||||
export default function LandingPage() {
|
||||
const navLinks = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
];
|
||||
|
||||
export default function MenuPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Sheescakes'N More"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu-grid" data-section="menu-grid">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Cheesecake",
|
||||
price: "$6.00",
|
||||
variant: "Dessert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slice-cheesecake-with-strawberries-wooden-table_123827-35851.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Vanilla Cupcake",
|
||||
price: "$3.50",
|
||||
variant: "Dessert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-pie-with-gift-boxes-table_23-2147957896.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Espresso Coffee",
|
||||
price: "$4.00",
|
||||
variant: "Drink",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-cappuccino-picture-drink-decoration_1203-4618.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Fruit Tart",
|
||||
price: "$5.00",
|
||||
variant: "Dessert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/appetizing-cake-appetizing-cake-with-strawberries-bowls-strawberries-seeds-pomegranate-left-side-table_140725-119917.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Chocolate Cupcake",
|
||||
price: "$3.50",
|
||||
variant: "Dessert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-fruit-cakes-creamy-desserts-with-candies-fruits-white-background-cream-cookie-dessert-sweet-cake-tea_140725-115629.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Cold Brew",
|
||||
price: "$4.50",
|
||||
variant: "Drink",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-white-coffee-cup-wooden-table_53876-31719.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Daily selection of fresh handmade treats."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu-specials" data-section="menu-specials">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Pumpkin Spice Cheesecake",
|
||||
content: "Available September through November.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Peppermint Cupcakes",
|
||||
content: "A festive favorite during the holidays.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Summer Berry Tarts",
|
||||
content: "Fresh seasonal berries for a light treat.",
|
||||
},
|
||||
]}
|
||||
title="Seasonal Specials"
|
||||
description="Limited time offers based on the season."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Sheescakes'N More"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Sheescakes'N More. Sample demo site."
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay navItems={navLinks} />
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
title="Our Sweet Creations"
|
||||
description="Indulge in our selection of freshly baked desserts, from signature cheesecakes to artisan cupcakes."
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Signature Strawberry Cheesecake", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/waitress-holding-cake_23-2147821281.jpg?_wi=1" },
|
||||
{ id: "2", name: "Double Chocolate Cupcakes", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/waitress-holding-cake_23-2147821281.jpg?_wi=1" },
|
||||
{ id: "3", name: "Vanilla Bean Tart", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/waitress-holding-cake_23-2147821281.jpg?_wi=1" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Sheescakes'N More"
|
||||
columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
48
src/app/order/page.tsx
Normal file
48
src/app/order/page.tsx
Normal file
@@ -0,0 +1,48 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
|
||||
const navLinks = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Order", id: "/order" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
];
|
||||
|
||||
export default function OrderPage() {
|
||||
return (
|
||||
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay navItems={navLinks} />
|
||||
</div>
|
||||
<div id="order" data-section="order">
|
||||
<ProductCardThree
|
||||
title="Our Menu"
|
||||
description="Select your favorite items from our bakery selection."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "New York Cheesecake", price: "$25.00", imageSrc: "http://img.b2bpic.net/free-photo/waitress-holding-cake_23-2147821281.jpg?_wi=1" },
|
||||
{ id: "2", name: "Cupcake Box", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cupcakes-display_23-2148766164.jpg?_wi=1" },
|
||||
{ id: "3", name: "Macaron Assortment", price: "$20.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cupcakes-display_23-2148766164.jpg?_wi=1" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Sheescakes'N More"
|
||||
columns={[{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Order", href: "/order" }, { label: "Contact", href: "/contact" }] }]}
|
||||
copyrightText="© 2024 Sheescakes'N More."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
109
src/app/page.tsx
109
src/app/page.tsx
@@ -4,12 +4,15 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
|
||||
const navLinks = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Order", id: "/order" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
];
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
@@ -27,12 +30,7 @@ export default function LandingPage() {
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
navItems={navLinks}
|
||||
brandName="Sheescakes'N More"
|
||||
/>
|
||||
</div>
|
||||
@@ -41,88 +39,10 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Homemade Cheesecakes & Sweet Treats"
|
||||
description="Freshly baked with love in Northern Cambria. This is a sample/demo website design created for presentation purposes only."
|
||||
testimonials={[
|
||||
{ name: "Sarah Miller", handle: "@sarahm", testimonial: "The best cheesecakes in PA! Always fresh.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-woman-model-with-cabbage-showing-thumb-up_114579-38384.jpg" },
|
||||
{ name: "John Doe", handle: "@johnd", testimonial: "Friendly service and incredible flavor.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-brown-bra-big-white-earrings-smiles-widely-rests-street-cafe-summer_197531-18191.jpg" },
|
||||
{ name: "Emily Smith", handle: "@emilys", testimonial: "My go-to spot for cupcakes and coffee.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg" },
|
||||
{ name: "Mark Wilson", handle: "@markw", testimonial: "Delicious treats and great atmosphere.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-woman-coat-holding-cup-coffee_171337-17081.jpg" },
|
||||
{ name: "Laura Johnson", handle: "@lauraj", testimonial: "Absolutely amazing flavors every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-hipster-dressed-leather-jacket-eating-vegan-burger_613910-16389.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "View Menu", href: "/menu" }, { text: "Order Now", href: "/contact" }]}
|
||||
description="Freshly baked with love in Northern Cambria."
|
||||
buttons={[{ text: "Order Now", href: "/order" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/waitress-holding-cake_23-2147821281.jpg?_wi=1"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-baker-holding-mould-stack-tray_1170-2040.jpg", alt: "Baker portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-showing-eclairs-bakery-counter_23-2148189123.jpg", alt: "Customer portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-cheerful-pretty-brunette-woman-holding-two-tasty-cakes-smiling-having-fun-positive-emotions-bright-colors_291049-589.jpg", alt: "Happy customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg", alt: "Satisfied man" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-smiling-woman-with-dark-curly-hair-holding-orange-cup-coffee-hands-dreamily-looking-camera-modern-cozy-home-alone_574295-2225.jpg", alt: "Cozy home visitor" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Freshly Baked Daily" },
|
||||
{ type: "text", text: "Locally Sourced" },
|
||||
{ type: "text", text: "Artisan Crafted" },
|
||||
{ type: "text", text: "100% Homemade" },
|
||||
{ type: "text", text: "Northern Cambria Native" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="featured" data-section="featured">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ tag: "Dessert", title: "Cheesecakes", subtitle: "Creamy goodness", description: "Classic, fruit-topped, and decadent varieties.", imageSrc: "http://img.b2bpic.net/free-photo/homemade-cheese-cake_169016-1935.jpg?_wi=1" },
|
||||
{ tag: "Sweet", title: "Cupcakes", subtitle: "Perfect bites", description: "Fluffy cakes topped with rich buttercream.", imageSrc: "http://img.b2bpic.net/free-photo/female-hand-holding-sweet-roll-from-wooden-board_114579-25729.jpg?_wi=1" },
|
||||
{ tag: "Drink", title: "Artisan Coffee", subtitle: "Bold aroma", description: "Locally roasted blends to pair with sweets.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-frappe-cake-wooden-plate_23-2148222451.jpg?_wi=1" }
|
||||
]}
|
||||
title="Our Signature Treats"
|
||||
description="Explore our freshly baked delights crafted daily."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-preview" data-section="about-preview">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Baked with Passion in Northern Cambria" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/business-owner-woman-crossing-arms_53876-128833.jpg", alt: "Bakery" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="What Our Neighbors Say"
|
||||
description="Sharing the sweetness with Northern Cambria."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alice T.", date: "Oct 2024", title: "Amazing Service", quote: "The staff is always so welcoming.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-young-girl-with-dark-wavy-hairstyle-modern-makeup-stylish-earrings-beige-trench-coat-sitting-city-cafe-terrace-holding-piece-cheesecake_197531-24437.jpg", imageSrc: "http://img.b2bpic.net/free-photo/waitress-holding-cake_23-2147821281.jpg?_wi=2", imageAlt: "Pretty young girl" },
|
||||
{ id: "t2", name: "Bob D.", date: "Sep 2024", title: "Daily Habit", quote: "I cannot start my day without their coffee.", tag: "Coffee Lover", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-eating-croissant-cafe_1170-630.jpg", imageSrc: "http://img.b2bpic.net/free-photo/homemade-cheese-cake_169016-1935.jpg?_wi=2", imageAlt: "Smiling man" },
|
||||
{ id: "t3", name: "Carol L.", date: "Aug 2024", title: "Best Cupcakes", quote: "Perfectly balanced sugar and flavor.", tag: "Local", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-big-cup-coffee-smiling-looking-happy_1258-201127.jpg", imageSrc: "http://img.b2bpic.net/free-photo/female-hand-holding-sweet-roll-from-wooden-board_114579-25729.jpg?_wi=2", imageAlt: "Beautiful young woman" },
|
||||
{ id: "t4", name: "Dave H.", date: "Jul 2024", title: "Birthday Success", quote: "My party guests loved the strawberry cake.", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-male-eating-delicious-chocolate-cookies_181624-7418.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-frappe-cake-wooden-plate_23-2148222451.jpg?_wi=2", imageAlt: "Selective focus man" },
|
||||
{ id: "t5", name: "Eve M.", date: "Jun 2024", title: "Pure Magic", quote: "Worth the drive from the city.", tag: "Visitor", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-smiling-woman-with-dark-curly-hair-holding-orange-cup-coffee-hands-dreamily-looking-camera-modern-cozy-home-alone_574295-2225.jpg", imageSrc: "http://img.b2bpic.net/free-photo/business-owner-woman-crossing-arms_53876-128833.jpg", imageAlt: "Business owner" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Meet the Team"
|
||||
description="The passionate people behind every bite."
|
||||
groups={[
|
||||
{
|
||||
id: "g1", groupTitle: "Kitchen Staff", members: [
|
||||
{ id: "m1", title: "Owner/Head Baker", subtitle: "Northern Cambria Local", detail: "15+ years of experience in pastry arts.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-baker-holding-mould-stack-tray_1170-2040.jpg" },
|
||||
{ id: "m2", title: "Pastry Chef", subtitle: "Creative Specialist", detail: "Master of seasonal flavors and garnishes.", imageSrc: "http://img.b2bpic.net/free-photo/positive-chef-decorating-ice-cream-with-berries_1262-20328.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
testimonials={[{ name: "Jane Doe", handle: "@janedoe", testimonial: "The best cheesecake I've ever had!", rating: 5 }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -130,13 +50,12 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Sheescakes'N More"
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "Contact", href: "/contact" }] },
|
||||
{ title: "Info", items: [{ label: "About Us", href: "/about" }, { label: "Privacy Policy", href: "#" }] }
|
||||
{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Order", href: "/order" }, { label: "Contact", href: "/contact" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Sheescakes'N More. Sample demo site."
|
||||
copyrightText="© 2024 Sheescakes'N More."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-mulish), sans-serif;
|
||||
font-family: var(--font-playfair), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-mulish), sans-serif;
|
||||
font-family: var(--font-playfair), sans-serif;
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f6f0e9;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #2b180a;
|
||||
--background: #fdfbf7;
|
||||
--card: #f4ede6;
|
||||
--foreground: #4a3c31;
|
||||
--primary-cta: #d4a373;
|
||||
--primary-cta-text: #f6f0e9;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta: #faedcd;
|
||||
--secondary-cta-text: #2b180a;
|
||||
--accent: #94877c;
|
||||
--background-accent: #afa094;
|
||||
--accent: #ccd5ae;
|
||||
--background-accent: #e9edc9;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user