Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 3feabf2db8 | |||
| 69101e035c | |||
| 4a4eede6d7 | |||
| 6ca0c1281b | |||
| c60de3fbfc |
227
src/app/page.tsx
227
src/app/page.tsx
@@ -2,15 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Flame, Leaf, Music } from "lucide-react";
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Flame, Leaf, Music, Mail, Phone, MapPin } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,26 +30,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Experience", id: "experience" },
|
||||
{ name: "Testimonials", id: "testimonial" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Burning Brownie"
|
||||
/>
|
||||
@@ -57,17 +43,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Where Flavor Meets Fire & Funk"
|
||||
description="Indulgent brownies with a soul. Doin’ it the funky way."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore the Funk",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore the Funk", href: "#products" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/a-funky-retro-70s-style-poster-for-a-bro-1774603429057-e934a9bd.png"
|
||||
/>
|
||||
</div>
|
||||
@@ -76,48 +55,23 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our story starts with a spark. ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/cozy-forest-clearing-with-a-bonfire-burn-1774603428046-f0cb614a.png",
|
||||
alt: "About Burning Brownie",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " A passion for the bold, the earthy, and the downright funky.",
|
||||
},
|
||||
{ type: "text", content: "Our story starts with a spark. " },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/cozy-forest-clearing-with-a-bonfire-burn-1774603428046-f0cb614a.png", alt: "About Burning Brownie" },
|
||||
{ type: "text", content: " A passion for the bold, the earthy, and the downright funky." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="scale-rotate"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "The Original Groove",
|
||||
price: "$4.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/indulgent-fudgy-brownie-with-chocolate-d-1774603426584-9abe7ad1.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Electric Chocolate Gold",
|
||||
price: "$5.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/double-chocolate-brownie-with-gold-flake-1774603428022-98645da3.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Caramel Firestorm",
|
||||
price: "$5.00",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/salted-caramel-brownie-dynamic-chocolate-1774603429727-16ea7280.png?_wi=1",
|
||||
},
|
||||
{ id: "1", name: "The Original Groove", price: "$4.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/indulgent-fudgy-brownie-with-chocolate-d-1774603426584-9abe7ad1.png?_wi=1" },
|
||||
{ id: "2", name: "Electric Chocolate Gold", price: "$5.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/double-chocolate-brownie-with-gold-flake-1774603428022-98645da3.png?_wi=1" },
|
||||
{ id: "3", name: "Caramel Firestorm", price: "$5.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/salted-caramel-brownie-dynamic-chocolate-1774603429727-16ea7280.png?_wi=1" },
|
||||
]}
|
||||
title="The Funky Menu"
|
||||
description="Hand-crafted brownies that light up your soul."
|
||||
@@ -126,49 +80,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="depth-3d"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fire-Baked",
|
||||
description: "Slow-baked for the perfect soul.",
|
||||
icon: Flame,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/indulgent-fudgy-brownie-with-chocolate-d-1774603426584-9abe7ad1.png?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/double-chocolate-brownie-with-gold-flake-1774603428022-98645da3.png?_wi=2",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Earthy Roots",
|
||||
description: "Ingredients as honest as the soil.",
|
||||
icon: Leaf,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/salted-caramel-brownie-dynamic-chocolate-1774603429727-16ea7280.png?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/indulgent-fudgy-brownie-with-chocolate-d-1774603426584-9abe7ad1.png?_wi=3",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Soul Funk",
|
||||
description: "Every bite is a beat drop.",
|
||||
icon: Music,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/double-chocolate-brownie-with-gold-flake-1774603428022-98645da3.png?_wi=3",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/salted-caramel-brownie-dynamic-chocolate-1774603429727-16ea7280.png?_wi=3",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Fire-Baked", description: "Slow-baked for the perfect soul.", icon: Flame, mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/indulgent-fudgy-brownie-with-chocolate-d-1774603426584-9abe7ad1.png?_wi=2" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/double-chocolate-brownie-with-gold-flake-1774603428022-98645da3.png?_wi=2" }] },
|
||||
{ title: "Earthy Roots", description: "Ingredients as honest as the soil.", icon: Leaf, mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/salted-caramel-brownie-dynamic-chocolate-1774603429727-16ea7280.png?_wi=2" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/indulgent-fudgy-brownie-with-chocolate-d-1774603426584-9abe7ad1.png?_wi=3" }] },
|
||||
{ title: "Soul Funk", description: "Every bite is a beat drop.", icon: Music, mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/double-chocolate-brownie-with-gold-flake-1774603428022-98645da3.png?_wi=3" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/salted-caramel-brownie-dynamic-chocolate-1774603429727-16ea7280.png?_wi=3" }] },
|
||||
]}
|
||||
title="The Funky Way"
|
||||
description="Immersive indulgence that connects you with nature's hearth."
|
||||
@@ -176,96 +94,39 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
<TestimonialCardTen
|
||||
title="What the Funkers Say"
|
||||
description="Our community of brownie enthusiasts share the love."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonial="The most insane brownie I have ever tasted. Absolute funk in every bite!"
|
||||
rating={5}
|
||||
author="Marcus J., The Funk Fanatic"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/avatar-of-a-person-with-fun-afro-style-h-1774603426606-e495472d.png",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/avatar-of-a-young-person-smiling-vintage-1774603426533-80848955.png",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/avatar-of-a-person-with-afro-style-hair--1774603428339-953a0684.png",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/avatar-of-a-person-retro-bandana-cool-st-1774603426923-b7b333cb.png",
|
||||
alt: "User 4",
|
||||
},
|
||||
testimonials={[
|
||||
{ id: "1", title: "Mind Blowing", quote: "The most insane brownie I have ever tasted. Absolute funk in every bite!", name: "Marcus J.", role: "Funk Fanatic", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/avatar-of-a-person-with-fun-afro-style-h-1774603426606-e495472d.png" },
|
||||
{ id: "2", title: "Pure Bliss", quote: "Seriously the best texture and flavor combination I've experienced in years.", name: "Sarah K.", role: "Food Critic", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/avatar-of-a-young-person-smiling-vintage-1774603426533-80848955.png" }
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
animationType="slide-up"
|
||||
<ContactSplitForm
|
||||
title="Get in Touch"
|
||||
description="Drop us a line and let's get funky."
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Full Name" }, { name: "email", type: "email", placeholder: "Email Address" }]}
|
||||
textarea={{ name: "message", placeholder: "Your message here..." }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWS3rMTaWFbLimqXojlaCUgIXr/uploaded-1774604346221-mc42w4lq.png"
|
||||
mediaPosition="right"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Are you gluten-free?",
|
||||
content: "Yes, our funky brownies have GF options!",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you ship?",
|
||||
content: "Across the whole wide world, baby.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What's the vibe?",
|
||||
content: "Pure unadulterated funk and flavor.",
|
||||
},
|
||||
]}
|
||||
ctaTitle="Stay Funky with Us"
|
||||
ctaDescription="Get updates on new drops and funky events."
|
||||
ctaButton={{
|
||||
text: "Contact Us",
|
||||
}}
|
||||
ctaIcon={Flame}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Brownies",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Merch",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
<FooterCard
|
||||
logoText="Burning Brownie"
|
||||
copyrightText="© 2025 | Burning Brownie"
|
||||
socialLinks={[
|
||||
{ icon: Mail, href: "mailto:hello@burningbrownie.com", ariaLabel: "Email" },
|
||||
{ icon: Phone, href: "tel:+1234567890", ariaLabel: "Phone" },
|
||||
{ icon: MapPin, href: "#", ariaLabel: "Location" }
|
||||
]}
|
||||
bottomLeftText="© 2024 Burning Brownie"
|
||||
bottomRightText="Doin’ it the funky way."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user