Merge version_2 into main #2
264
src/app/page.tsx
264
src/app/page.tsx
@@ -16,75 +16,37 @@ export default function LandingPage() {
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="none"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Treats", id: "products" },
|
||||
{ name: "Story", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="S'more Bliss"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
brandName="Toasted Treats"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="S'more Bliss"
|
||||
description="Elevate your next event with our artisanal, gourmet s'mores. Book the ultimate campfire experience, delivered directly to your gathering."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Party",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
logoText="Toasted Treats"
|
||||
description="Elevate your next event with our artisanal gourmet s'mores station. Crafted to perfection, delivered with love."
|
||||
buttons={[{ text: "Book Your Experience", href: "#contact" }]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-decoration-with-biscuits-milk-jar_23-2148325683.jpg?_wi=1",
|
||||
imageAlt: "Artisanal gourmet s'mores",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-decoration-with-biscuits-milk-jar_23-2148325683.jpg?_wi=2",
|
||||
imageAlt: "Artisanal gourmet s'mores",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-decoration-with-biscuits-milk-jar_23-2148325683.jpg?_wi=3",
|
||||
imageAlt: "Artisanal gourmet s'mores",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-decoration-with-biscuits-milk-jar_23-2148325683.jpg?_wi=4",
|
||||
imageAlt: "Artisanal gourmet s'mores",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-decoration-with-biscuits-milk-jar_23-2148325683.jpg?_wi=5",
|
||||
imageAlt: "Artisanal gourmet s'mores",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-decoration-with-biscuits-milk-jar_23-2148325683.jpg", imageAlt: "Gourmet s'mores preparation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-bonfire-outdoor_23-2148506909.jpg", imageAlt: "Toasting marshmallows" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -92,25 +54,14 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Making Memories, One S'more at a Time"
|
||||
description="We believe the simplest joys are found by the fire. S'more Bliss transforms your celebrations with handcrafted treats, premium ingredients, and the authentic magic of a campfire."
|
||||
title="Hand-Crafted Campfire Magic"
|
||||
description="Toasted Treats brings the nostalgic joy of a campfire directly to your event. We combine premium artisan chocolate, gourmet marshmallows, and freshly toasted memories."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
title: "Events Catered",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Marshmallows Toasted",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Smiles Guaranteed",
|
||||
},
|
||||
{ value: "200+", title: "Events Toasted" },
|
||||
{ value: "5k+", title: "Marshmallows" },
|
||||
{ value: "100%", title: "Satisfied Guests" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-bonfire-outdoor_23-2148506909.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-decoration-with-biscuits-milk-jar_23-2148325683.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -118,174 +69,63 @@ export default function LandingPage() {
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "The Classic",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/snack-board-with-crackers-vegetables-isolated-black_114579-13037.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Dark Chocolate Sea Salt",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/snack-board-with-crackers-vegetables-isolated-black_114579-13037.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Reese's Peanut Butter Dream",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/snack-board-with-crackers-vegetables-isolated-black_114579-13037.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Caramel Drizzle Crunch",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/snack-board-with-crackers-vegetables-isolated-black_114579-13037.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Biscoff Cookie Delight",
|
||||
price: "Custom Pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/snack-board-with-crackers-vegetables-isolated-black_114579-13037.jpg?_wi=5",
|
||||
},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
title="Gourmet S'mores Menu"
|
||||
description="Pick your favorite flavors or let us customize a selection for your event."
|
||||
description="From classic milk chocolate to decadent sea salt caramel, explore our curated s'more selections."
|
||||
products={[
|
||||
{ id: "c1", name: "The Classic", price: "Booking", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-decoration-with-biscuits-milk-jar_23-2148325683.jpg" },
|
||||
{ id: "c2", name: "Dark Salted", price: "Booking", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-decoration-with-biscuits-milk-jar_23-2148325683.jpg" },
|
||||
{ id: "c3", name: "Cookie Butter", price: "Booking", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-decoration-with-biscuits-milk-jar_23-2148325683.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
title="Reviews from Campers"
|
||||
description="See why guests love having us at their parties."
|
||||
textboxLayout="split"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The highlight of our wedding! Everyone loved the s'mores station.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-posing-with-sweets_23-2148720173.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike R.",
|
||||
handle: "@mikero",
|
||||
testimonial: "Best service ever. Professional, clean, and delicious.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-posing-with-sweets_23-2148720173.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily D.",
|
||||
handle: "@emilyd",
|
||||
testimonial: "Absolutely magical addition to our corporate event.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-posing-with-sweets_23-2148720173.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "The quality of chocolate made such a huge difference.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-posing-with-sweets_23-2148720173.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe L.",
|
||||
handle: "@chloel",
|
||||
testimonial: "Such a fun and unique dessert choice for our party.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-posing-with-sweets_23-2148720173.jpg?_wi=5",
|
||||
},
|
||||
{ id: "rev1", name: "Alex P.", handle: "@alex", testimonial: "The ultimate touch for our summer party!" },
|
||||
{ id: "rev2", name: "Jordan K.", handle: "@jordan", testimonial: "So delicious, guests were talking about it for weeks." }
|
||||
]}
|
||||
title="Warm Reviews from Happy Campers"
|
||||
description="Don't just take our word for it—hear what our guests have to say."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Do you need electrical access?",
|
||||
content: "No, our mobile carts are fully self-contained and fire-safe.",
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "What is included?",
|
||||
content: "Everything: artisanal marshmallows, premium chocolates, fresh graham crackers, and safety equipment.",
|
||||
},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "How long do you stay?",
|
||||
content: "Packages range from 2 to 4 hours of dedicated service.",
|
||||
},
|
||||
{ id: "f1", title: "How do you set up?", content: "We bring our self-contained, fire-safe mobile carts to any location." },
|
||||
{ id: "f2", title: "How long can you stay?", content: "Standard packages start at 2 hours, fully customizable for your event size." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/colorful-healthy-breakfast-sweet-deserts-few-different-chia-puddings-glass-jars-wooden-table-kitchen-home_343596-1169.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about booking our mobile s'mores cart."
|
||||
faqsAnimation="blur-reveal"
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split-description"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-bonfire-outdoor_23-2148506909.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Let's Get Toasting"
|
||||
title="Ready to Book Your S'mores Station?"
|
||||
description="Send us your event date and details. We'll get back to you shortly with a personalized quote."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@smorebliss.com",
|
||||
},
|
||||
]}
|
||||
tag="Inquire Now"
|
||||
title="Book Your S'mores Station"
|
||||
description="Ready to add some toastiness to your event? Let's chat about your date and requirements."
|
||||
buttons={[{ text: "Inquire Now", href: "mailto:hello@toastedtreats.com" }]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="S'more Bliss"
|
||||
logoText="Toasted Treats"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#products" }] },
|
||||
{ title: "Connect", items: [{ label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
copyrightText="© 2024 S'more Bliss Catering. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user