Update src/app/page.tsx
This commit is contained in:
250
src/app/page.tsx
250
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Wheat, Target, Users } from "lucide-react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
@@ -19,27 +20,22 @@ export default function LandingPage() {
|
||||
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">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Golden Grain Bakery"
|
||||
/>
|
||||
@@ -49,37 +45,14 @@ export default function LandingPage() {
|
||||
<HeroCarouselLogo
|
||||
logoText="Golden Grain"
|
||||
description="Handcrafted artisanal breads and pastries, baked fresh every single morning using the finest local ingredients."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Today's Menu",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View Today's Menu", href: "#products" }]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/loaf-bread-with-wheat-branch-flowers_140725-2793.jpg",
|
||||
imageAlt: "Fresh sourdough",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-baked-homemade-baguette-bread_114579-91569.jpg",
|
||||
imageAlt: "Baguette basket",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-variety-baked-bread_23-2148258687.jpg",
|
||||
imageAlt: "Bread shelves",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bakery-composition-with-copyspace_23-2148189426.jpg",
|
||||
imageAlt: "Rustic loaf",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cookies-arrangement_23-2150707125.jpg",
|
||||
imageAlt: "Bakery display",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-putting-homemade-wheat-bread-with-flour-it-white-towel-with-two-hands_114579-2680.jpg",
|
||||
imageAlt: "Kneading dough",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/loaf-bread-with-wheat-branch-flowers_140725-2793.jpg", imageAlt: "Fresh sourdough" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fresh-baked-homemade-baguette-bread_114579-91569.jpg", imageAlt: "Baguette basket" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-variety-baked-bread_23-2148258687.jpg", imageAlt: "Bread shelves" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-bakery-composition-with-copyspace_23-2148189426.jpg", imageAlt: "Rustic loaf" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-cookies-arrangement_23-2150707125.jpg", imageAlt: "Bakery display" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-putting-homemade-wheat-bread-with-flour-it-white-towel-with-two-hands_114579-2680.jpg", imageAlt: "Kneading dough" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -89,8 +62,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Artisan Philosophy"
|
||||
description={[
|
||||
"Founded with a passion for traditional techniques, Golden Grain Bakery brings the warmth of home-baked goods to our local community.",
|
||||
"We use only organic, locally-sourced flour and long-fermentation methods to ensure every bite is packed with depth and flavor.",
|
||||
"Founded with a passion for traditional techniques, Golden Grain Bakery brings the warmth of home-baked goods to our local community.", "We use only organic, locally-sourced flour and long-fermentation methods to ensure every bite is packed with depth and flavor."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,60 +74,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Bread",
|
||||
name: "Signature Sourdough",
|
||||
price: "$8.00",
|
||||
rating: 5,
|
||||
reviewCount: "128",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/round-freshly-baked-rustic-rye-round-bread-top-view-with-copy-space_166373-3246.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Pastry",
|
||||
name: "Butter Croissant",
|
||||
price: "$4.50",
|
||||
rating: 5,
|
||||
reviewCount: "94",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast_1084-46.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Pastry",
|
||||
name: "Double Choco Muffin",
|
||||
price: "$4.00",
|
||||
rating: 4,
|
||||
reviewCount: "72",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-cupcakes-decorated-party_23-2151940300.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Pastry",
|
||||
name: "Cinnamon Roll",
|
||||
price: "$5.00",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cinnamon-roll_1203-3578.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Pastry",
|
||||
name: "Fruit Danish",
|
||||
price: "$4.75",
|
||||
rating: 5,
|
||||
reviewCount: "56",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-shot-delicious-currants-snail-pastries-form-wooden-table_181624-29547.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Bread",
|
||||
name: "French Baguette",
|
||||
price: "$3.50",
|
||||
rating: 4,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-homemade-bread-striped-tablecloth_114579-23448.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Bread", name: "Signature Sourdough", price: "$8.00", rating: 5, reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/round-freshly-baked-rustic-rye-round-bread-top-view-with-copy-space_166373-3246.jpg" },
|
||||
{ id: "p2", brand: "Pastry", name: "Butter Croissant", price: "$4.50", rating: 5, reviewCount: "94", imageSrc: "http://img.b2bpic.net/free-photo/breakfast_1084-46.jpg" },
|
||||
{ id: "p3", brand: "Pastry", name: "Double Choco Muffin", price: "$4.00", rating: 4, reviewCount: "72", imageSrc: "http://img.b2bpic.net/free-photo/colorful-cupcakes-decorated-party_23-2151940300.jpg" },
|
||||
{ id: "p4", brand: "Pastry", name: "Cinnamon Roll", price: "$5.00", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/cinnamon-roll_1203-3578.jpg" },
|
||||
{ id: "p5", brand: "Pastry", name: "Fruit Danish", price: "$4.75", rating: 5, reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/top-view-shot-delicious-currants-snail-pastries-form-wooden-table_181624-29547.jpg" },
|
||||
{ id: "p6", brand: "Bread", name: "French Baguette", price: "$3.50", rating: 4, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/hot-homemade-bread-striped-tablecloth_114579-23448.jpg" }
|
||||
]}
|
||||
title="Fresh Daily Selection"
|
||||
description="Explore our range of naturally leavened breads and hand-laminated pastries."
|
||||
@@ -168,21 +92,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Loaves Baked Daily",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Local Ingredients",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Happy Customers",
|
||||
value: "10k+",
|
||||
},
|
||||
{ id: "m1", title: "Loaves Baked Daily", value: "500+", icon: Wheat },
|
||||
{ id: "m2", title: "Local Ingredients", value: "15+", icon: Target },
|
||||
{ id: "m3", title: "Happy Customers", value: "10k+", icon: Users }
|
||||
]}
|
||||
title="Bakery by Numbers"
|
||||
description="Our passion in numbers."
|
||||
@@ -196,26 +108,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah Miller"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-baker-with-baked-bread-pastry-shop_23-2150379549.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-bakery_23-2150273239.jpg",
|
||||
alt: "Mike",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-drinking-milk-looking-away_23-2147799019.jpg",
|
||||
alt: "Elena",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/feeling-happy-astonished-something-unbelievable_1194-400246.jpg",
|
||||
alt: "David",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-stylish-woman-casual-peach-sweater-isolated-green-olive-wall-with-pink-donut-happy-copy-space_343596-5197.jpg",
|
||||
alt: "Chloe",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-baker-with-baked-bread-pastry-shop_23-2150379549.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-bakery_23-2150273239.jpg", alt: "Mike" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-drinking-milk-looking-away_23-2147799019.jpg", alt: "Elena" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/feeling-happy-astonished-something-unbelievable_1194-400246.jpg", alt: "David" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-stylish-woman-casual-peach-sweater-isolated-green-olive-wall-with-pink-donut-happy-copy-space_343596-5197.jpg", alt: "Chloe" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -227,21 +124,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer gluten-free options?",
|
||||
content: "We are a traditional bakery that works heavily with wheat, but we do carry select gluten-friendly snacks.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How can I place a bulk order?",
|
||||
content: "Please contact us at least 48 hours in advance for bulk catering or large orders.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are your ingredients organic?",
|
||||
content: "Yes, we prioritize organic, local flour for all of our artisanal bread production.",
|
||||
},
|
||||
{ id: "q1", title: "Do you offer gluten-free options?", content: "We are a traditional bakery that works heavily with wheat, but we do carry select gluten-friendly snacks." },
|
||||
{ id: "q2", title: "How can I place a bulk order?", content: "Please contact us at least 48 hours in advance for bulk catering or large orders." },
|
||||
{ id: "q3", title: "Are your ingredients organic?", content: "Yes, we prioritize organic, local flour for all of our artisanal bread production." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handful-flour-with-egg-rustic-kitchen-against-background-men-s-hands-knead-dough-ingredients-cooking-flour-products-dough-bread-muffins-pie-pizza-dough-copy-space_639032-463.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -255,15 +140,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Bread Guild",
|
||||
"Local Harvest",
|
||||
"Artisan Awards",
|
||||
"City Foodie",
|
||||
"Community Hearth",
|
||||
"Baker's Choice",
|
||||
"Regional Delights",
|
||||
]}
|
||||
names={["Bread Guild", "Local Harvest", "Artisan Awards", "City Foodie", "Community Hearth", "Baker's Choice", "Regional Delights"]}
|
||||
title="Trusted Partners & Awards"
|
||||
description="Proudly recognized by local artisans."
|
||||
/>
|
||||
@@ -272,9 +149,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
text="Visit us at our bakery shop or get in touch for custom requests."
|
||||
/>
|
||||
</div>
|
||||
@@ -282,50 +157,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About Us", href: "#about" }, { label: "Our Menu", href: "#products" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }, { label: "Twitter", href: "#" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
logoText="Golden Grain"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user