192 lines
8.3 KiB
TypeScript
192 lines
8.3 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="blurBottom"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "/"},
|
|
{
|
|
name: "Menu", id: "/menu"},
|
|
{
|
|
name: "About", id: "/about"},
|
|
{
|
|
name: "Order", id: "/order"},
|
|
{
|
|
name: "Contact", id: "/contact"},
|
|
]}
|
|
brandName="Sheescakes'N More"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Sheescakes'N More"
|
|
description="Homemade Cheesecakes & Sweet Treats. Freshly baked with love in Northern Cambria."
|
|
buttons={[
|
|
{
|
|
text: "View Menu", href: "/menu"},
|
|
{
|
|
text: "Order Now", href: "/order"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/slice-blueberry-cheesecake_1232-2543.jpg"
|
|
/>
|
|
</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: "1", name: "Classic Cheesecake", price: "$35", variant: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/vanilla-crape-cake-with-strawberry-sauce_1339-7098.jpg"},
|
|
{
|
|
id: "2", name: "Vanilla Cupcake", price: "$3", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/waffle-cookies-with-homemade-delicious-cream_114579-64037.jpg"},
|
|
{
|
|
id: "3", name: "House Coffee", price: "$2", variant: "Hot", imageSrc: "http://img.b2bpic.net/free-photo/muffins-coffee_23-2147693688.jpg"},
|
|
{
|
|
id: "4", name: "Fruit Tart", price: "$6", variant: "Seasonal", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-strawberry-cake-with-strawberry-jelly-cherries-tea-wooden-desk-cake-biscuit-sugar-berry_140725-22666.jpg"},
|
|
{
|
|
id: "5", name: "Chocolate Brownie", price: "$4", variant: "Rich", imageSrc: "http://img.b2bpic.net/free-photo/muffins-croissant-wooden-board_114579-20698.jpg"},
|
|
{
|
|
id: "6", name: "Variety Box", price: "$20", variant: "Gift", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-sweets-biscuits-cookies-candies-inside-heart-shaped-box-white-surface-sugar-pie-tea-sweet-cake_140725-108981.jpg"},
|
|
]}
|
|
title="Featured Treats"
|
|
description="Our most popular handmade desserts."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah J.", role: "Local", company: "Resident", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-female-baker-looking-camera_23-2148189108.jpg"},
|
|
{
|
|
id: "2", name: "Mark D.", role: "Visitor", company: "Customer", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cute-hopeful-guy-glasses-making-birthday-wish-holding-cake-fingers-crossed-looking-up-pra_1258-172639.jpg"},
|
|
{
|
|
id: "3", name: "Emily P.", role: "Regular", company: "Fan", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-aged-woman-choosing-luxury-pearl-necklace-store_651396-1487.jpg"},
|
|
{
|
|
id: "4", name: "John K.", role: "Chef", company: "Connoisseur", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stupefied-man-stares-with-bugged-eyes-delicious-sweet-cake-has-big-desire-eat-tasty-dessert-keeps-diet-goes-sport-wears-white-headband_273609-31165.jpg"},
|
|
{
|
|
id: "5", name: "Lisa M.", role: "Local", company: "Fan", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fried-meringue-cookie-with-black-raisines-wooden-board_114579-22230.jpg"},
|
|
]}
|
|
title="Customer Reviews"
|
|
description="What our local Northern Cambria neighbors say about us."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Common Questions"
|
|
description="Need to know more? Here are answers to some of our most common questions."
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Do you accept custom orders?", content: "Yes! Please contact us at least 48 hours in advance for all custom cake orders."},
|
|
{
|
|
id: "2", title: "Do you have gluten-free options?", content: "We offer a rotating selection of gluten-friendly treats. Please call to ask what's available today."},
|
|
{
|
|
id: "3", title: "Is seating available?", content: "We are a small, grab-and-go shop located at 1006 Philadelphia Ave."},
|
|
{
|
|
id: "4", title: "How do I place a bulk order?", content: "For catering or bulk orders, please reach out via our contact page."},
|
|
{
|
|
id: "5", title: "Do you deliver?", content: "We currently offer local pickup only. We hope to expand to delivery in the future!"},
|
|
]}
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metric" data-section="metric">
|
|
<MetricCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
title="Our Bakery by the Numbers"
|
|
description="Quality matters, and our numbers show it."
|
|
metrics={[
|
|
{
|
|
id: "1", value: "500+", description: "Custom Cheesecakes Baked"},
|
|
{
|
|
id: "2", value: "100%", description: "Fresh Local Ingredients"},
|
|
{
|
|
id: "3", value: "5+", description: "Years in Business"},
|
|
{
|
|
id: "4", value: "1000+", description: "Happy Neighbors Served"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Menu", items: [
|
|
{
|
|
label: "Cheesecakes", href: "/menu"},
|
|
{
|
|
label: "Cupcakes", href: "/menu"},
|
|
{
|
|
label: "Seasonal", href: "/menu"},
|
|
],
|
|
},
|
|
{
|
|
title: "Bakery", items: [
|
|
{
|
|
label: "About Us", href: "/about"},
|
|
{
|
|
label: "Contact", href: "/contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Disclaimer", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Sheescakes'N More"
|
|
copyrightText="This is a sample/demo website design created for presentation purposes only."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|