Update src/app/page.tsx
This commit is contained in:
305
src/app/page.tsx
305
src/app/page.tsx
@@ -25,228 +25,101 @@ export default function LandingPage() {
|
|||||||
headingFontWeight="normal"
|
headingFontWeight="normal"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "Menu", id: "products" },
|
||||||
id: "hero",
|
{ name: "About", id: "about" },
|
||||||
},
|
{ name: "Contact", id: "contact" },
|
||||||
{
|
]}
|
||||||
name: "Menu",
|
brandName="Rise & Bake"
|
||||||
id: "products",
|
button={{ text: "Order Now", href: "#products" }}
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
name: "About",
|
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
brandName="Rise & Bake"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardGallery
|
<HeroBillboardGallery
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars",
|
title="Artisanal Bakes, Daily Rituals"
|
||||||
}}
|
description="Handcrafted with passion, baked with patience. Rise and Bake brings the warmth of traditional ovens to your neighborhood every morning."
|
||||||
title="Artisanal Bakes, Daily Rituals"
|
mediaItems={[
|
||||||
description="Handcrafted with passion, baked with patience. Rise and Bake brings the warmth of traditional ovens to your neighborhood every morning."
|
{ imageSrc: "https://pixabay.com/get/gd8ccc3c00caff94fee847c691ead8d180c5f9259fb2974711053f67a1744076046714a820862fd6a43bed47126b77f4d3f825b209d78373a013cabd63f6c22fa_1280.jpg", imageAlt: "Artisan Bread" },
|
||||||
mediaItems={[
|
{ imageSrc: "https://pixabay.com/get/g6d716f29facc9748c30ad5a87e20e8627cd5ebf8e0427880fdcd121368656a9514a8536bf779cf1dd424fc679e70b343cc8af54bf18edae7a15f000789bc988d_1280.jpg", imageAlt: "Fresh Pastries" },
|
||||||
{
|
{ imageSrc: "https://pixabay.com/get/gf6547048df748ae0cf29fa8c5490e529151b34955133b5941a62fc33120868d370329478c9c5f76e6b8a464a7d88748357336f6ecac4cfe33f35155acf6ad90e_1280.jpg", imageAlt: "Baking Process" },
|
||||||
imageSrc: "https://pixabay.com/get/gd8ccc3c00caff94fee847c691ead8d180c5f9259fb2974711053f67a1744076046714a820862fd6a43bed47126b77f4d3f825b209d78373a013cabd63f6c22fa_1280.jpg",
|
{ imageSrc: "https://pixabay.com/get/gcd7742f6b91df16d5470b5da5f03d3ce5b3a12ebf5ead993ddf1a90e5b13ef82af8002d8447961b2788f480a36591027fe54802606c83c55b95c92781de79386_1280.jpg", imageAlt: "Golden Croissants" },
|
||||||
imageAlt: "Artisan Bread",
|
{ imageSrc: "https://pixabay.com/get/ga2ceb71912c49fcfe06be7850beb130642fd5fa5e2067dd74d8825a91717f5c2c9b97e2957c8d63d429baf6d2c2b9af698019d63e1b8778f185c0217ba1ba063_1280.jpg", imageAlt: "Shop Display" },
|
||||||
},
|
]}
|
||||||
{
|
mediaAnimation="slide-up"
|
||||||
imageSrc: "https://pixabay.com/get/g6d716f29facc9748c30ad5a87e20e8627cd5ebf8e0427880fdcd121368656a9514a8536bf779cf1dd424fc679e70b343cc8af54bf18edae7a15f000789bc988d_1280.jpg",
|
/>
|
||||||
imageAlt: "Fresh Pastries",
|
</div>
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "https://pixabay.com/get/gf6547048df748ae0cf29fa8c5490e529151b34955133b5941a62fc33120868d370329478c9c5f76e6b8a464a7d88748357336f6ecac4cfe33f35155acf6ad90e_1280.jpg",
|
|
||||||
imageAlt: "Baking Process",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "https://pixabay.com/get/gcd7742f6b91df16d5470b5da5f03d3ce5b3a12ebf5ead993ddf1a90e5b13ef82af8002d8447961b2788f480a36591027fe54802606c83c55b95c92781de79386_1280.jpg",
|
|
||||||
imageAlt: "Golden Croissants",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "https://pixabay.com/get/ga2ceb71912c49fcfe06be7850beb130642fd5fa5e2067dd74d8825a91717f5c2c9b97e2957c8d63d429baf6d2c2b9af698019d63e1b8778f185c0217ba1ba063_1280.jpg",
|
|
||||||
imageAlt: "Shop Display",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
mediaAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TextAbout
|
<TextAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Since 1995, Serving Warmth"
|
title="Since 1995, Serving Warmth"
|
||||||
buttons={[
|
buttons={[{ text: "Our Story", href: "#" }]}
|
||||||
{
|
/>
|
||||||
text: "Our Story",
|
</div>
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="products" data-section="products">
|
<div id="products" data-section="products">
|
||||||
<ProductCardFour
|
<ProductCardFour
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
gridVariant="four-items-2x2-equal-grid"
|
gridVariant="four-items-2x2-equal-grid"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "1", name: "Rustic Sourdough", price: "$8.00", variant: "Artisan Bread", imageSrc: "https://pixabay.com/get/g54dfc251102951238300a4f66e0c1df2dd47199443a8cd2164062be06530784c128b082dfc6c170fce07ca4ee325c3814eaa5117ac6592cda5401a20205c6cd9_1280.jpg" },
|
||||||
id: "1",
|
{ id: "2", name: "Classic Croissant", price: "$4.50", variant: "French Pastry", imageSrc: "https://pixabay.com/get/g7f194eb66341970d680bd27d24ad111e96ed792d330e90623ef568071f8eb0c983b99c92644bf2f3bc444eaed5ebe61ab6973eb3ffeb444c181bccc843e40306_1280.jpg" },
|
||||||
name: "Rustic Sourdough",
|
{ id: "3", name: "Blueberry Muffin", price: "$3.75", variant: "Morning Treat", imageSrc: "https://pixabay.com/get/gdf6723df703c03930aa89a71ae65eda8c6c932e5f277a9ed363f8dfcd985135dea6aee2dbe603aa399940c3f6cbdc40c0aa50e38402aaaf94e1894a355235a2f_1280.jpg" },
|
||||||
price: "$8.00",
|
{ id: "4", name: "Pain au Chocolat", price: "$4.75", variant: "Chocolate Pastry", imageSrc: "https://pixabay.com/get/g27ec29dc92bb7ca45463798faca7687062029f7e6fa79c08590aa1c045050c22a445f7f4a415f5217ad60ac1118cc4614068eb3688f718edeafcf726492a17c6_1280.jpg" },
|
||||||
variant: "Artisan Bread",
|
{ id: "5", name: "Cinnamon Swirl", price: "$4.25", variant: "Sweet Pastry", imageSrc: "https://pixabay.com/get/gb02d953675331c928f2f0f4eddc19c5a62300d9f84e955c5b47c0b0fb10e2bdcb5878291f38b4e8c4cb12174538e22b2e71b2f22df51bceb0d1dea7d0a4ccbea_1280.jpg" },
|
||||||
imageSrc: "https://pixabay.com/get/g54dfc251102951238300a4f66e0c1df2dd47199443a8cd2164062be06530784c128b082dfc6c170fce07ca4ee325c3814eaa5117ac6592cda5401a20205c6cd9_1280.jpg",
|
{ id: "6", name: "Baguette", price: "$3.50", variant: "French Bread", imageSrc: "https://pixabay.com/get/g48bec86fdb654d24ab2f9809d5e74463d7ecdeb7fef25bb3d9f499faf93383e7f52d82368f03b9904d1b7db80808e11f26c642ac3976fe8a491d9259d6c850bb_1280.png" },
|
||||||
},
|
]}
|
||||||
{
|
title="Fresh From The Oven"
|
||||||
id: "2",
|
description="Our signature daily selection, made with premium local ingredients."
|
||||||
name: "Classic Croissant",
|
/>
|
||||||
price: "$4.50",
|
</div>
|
||||||
variant: "French Pastry",
|
|
||||||
imageSrc: "https://pixabay.com/get/g7f194eb66341970d680bd27d24ad111e96ed792d330e90623ef568071f8eb0c983b99c92644bf2f3bc444eaed5ebe61ab6973eb3ffeb444c181bccc843e40306_1280.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Blueberry Muffin",
|
|
||||||
price: "$3.75",
|
|
||||||
variant: "Morning Treat",
|
|
||||||
imageSrc: "https://pixabay.com/get/gdf6723df703c03930aa89a71ae65eda8c6c932e5f277a9ed363f8dfcd985135dea6aee2dbe603aa399940c3f6cbdc40c0aa50e38402aaaf94e1894a355235a2f_1280.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "Pain au Chocolat",
|
|
||||||
price: "$4.75",
|
|
||||||
variant: "Chocolate Pastry",
|
|
||||||
imageSrc: "https://pixabay.com/get/g27ec29dc92bb7ca45463798faca7687062029f7e6fa79c08590aa1c045050c22a445f7f4a415f5217ad60ac1118cc4614068eb3688f718edeafcf726492a17c6_1280.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Cinnamon Swirl",
|
|
||||||
price: "$4.25",
|
|
||||||
variant: "Sweet Pastry",
|
|
||||||
imageSrc: "https://pixabay.com/get/gb02d953675331c928f2f0f4eddc19c5a62300d9f84e955c5b47c0b0fb10e2bdcb5878291f38b4e8c4cb12174538e22b2e71b2f22df51bceb0d1dea7d0a4ccbea_1280.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "6",
|
|
||||||
name: "Baguette",
|
|
||||||
price: "$3.50",
|
|
||||||
variant: "French Bread",
|
|
||||||
imageSrc: "https://pixabay.com/get/g48bec86fdb654d24ab2f9809d5e74463d7ecdeb7fef25bb3d9f499faf93383e7f52d82368f03b9904d1b7db80808e11f26c642ac3976fe8a491d9259d6c850bb_1280.png",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Fresh From The Oven"
|
|
||||||
description="Our signature daily selection, made with premium local ingredients."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardTwelve
|
<TestimonialCardTwelve
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "1", name: "Sarah Jenkins", imageSrc: "https://pixabay.com/get/g48df93b3e6595e08a2d9ea7d4d2b824273c418244ab9cdd57905c2b95a2c5624cab5b42e3450224362a5fb9c2ba0a4114f5d8163725faa7d6008124078290616_1280.jpg" },
|
||||||
id: "1",
|
{ id: "2", name: "Mark Thompson", imageSrc: "https://pixabay.com/get/g1fb04e5260ddf7d31dfa776d67db88c94992f7b92dbeba3b3ace55c2a1085e6602d3320369c57b830c46b6f38be3866f7aa3f78c172765f003ffe81375ea30a5_1280.jpg" },
|
||||||
name: "Sarah Jenkins",
|
{ id: "3", name: "Elena Rodriguez", imageSrc: "https://pixabay.com/get/g1ac09250e8befc7be77889efdb22654968c05836573ca55c6a33e47d23c190aec4f0022f65c416fff5fdc2831d98843e374da6ffda1e66b4472726dc1daa566b_1280.jpg" },
|
||||||
imageSrc: "https://pixabay.com/get/g48df93b3e6595e08a2d9ea7d4d2b824273c418244ab9cdd57905c2b95a2c5624cab5b42e3450224362a5fb9c2ba0a4114f5d8163725faa7d6008124078290616_1280.jpg",
|
{ id: "4", name: "David Chen", imageSrc: "https://pixabay.com/get/g519d021d03c30092560997bb77a7a95e9e0502077ccc937710d2afd2f262e22bc6186d8e41341f6ce86be5d1418467aa5743b235257bbcf0faaaa0bff9ce71ee_1280.jpg" },
|
||||||
},
|
{ id: "5", name: "Alice Peterson", imageSrc: "https://pixabay.com/get/g9d420fc49ebab154a73135905f5739606c9397bef2b3e68af50be3595432608faa3637f495ea08041833fd47d9ca380be9cfc19311118b0c30771f6f0444b82d_1280.jpg" },
|
||||||
{
|
]}
|
||||||
id: "2",
|
cardTitle="Loved by the community"
|
||||||
name: "Mark Thompson",
|
cardAnimation="slide-up"
|
||||||
imageSrc: "https://pixabay.com/get/g1fb04e5260ddf7d31dfa776d67db88c94992f7b92dbeba3b3ace55c2a1085e6602d3320369c57b830c46b6f38be3866f7aa3f78c172765f003ffe81375ea30a5_1280.jpg",
|
cardTag="Testimonials"
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
id: "3",
|
|
||||||
name: "Elena Rodriguez",
|
|
||||||
imageSrc: "https://pixabay.com/get/g1ac09250e8befc7be77889efdb22654968c05836573ca55c6a33e47d23c190aec4f0022f65c416fff5fdc2831d98843e374da6ffda1e66b4472726dc1daa566b_1280.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "David Chen",
|
|
||||||
imageSrc: "https://pixabay.com/get/g519d021d03c30092560997bb77a7a95e9e0502077ccc937710d2afd2f262e22bc6186d8e41341f6ce86be5d1418467aa5743b235257bbcf0faaaa0bff9ce71ee_1280.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Alice Peterson",
|
|
||||||
imageSrc: "https://pixabay.com/get/g9d420fc49ebab154a73135905f5739606c9397bef2b3e68af50be3595432608faa3637f495ea08041833fd47d9ca380be9cfc19311118b0c30771f6f0444b82d_1280.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
cardTitle="Loved by the community"
|
|
||||||
cardAnimation="slide-up"
|
|
||||||
cardTag="Testimonials"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplitForm
|
<ContactSplitForm
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Visit Our Bakery"
|
title="Visit Our Bakery"
|
||||||
description="Find us on the corner of Maple and 5th. We'd love to serve you fresh coffee and warm bread."
|
description="Find us on the corner of Maple and 5th. We'd love to serve you fresh coffee and warm bread."
|
||||||
inputs={[
|
inputs={[
|
||||||
{
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||||
name: "name",
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||||
type: "text",
|
]}
|
||||||
placeholder: "Your Name",
|
imageSrc="https://pixabay.com/get/gee0e88d0474d2322668219c297634f96b826d0424d0989a9e9b7f9175e1c0d8284d9030b4bf3934f3e2834653f70ce3f1080d62e87a876e15c9f9ff0c77bd5d9_1280.jpg"
|
||||||
required: true,
|
textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
|
||||||
},
|
/>
|
||||||
{
|
</div>
|
||||||
name: "email",
|
|
||||||
type: "email",
|
|
||||||
placeholder: "Your Email",
|
|
||||||
required: true,
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
imageSrc="https://pixabay.com/get/gee0e88d0474d2322668219c297634f96b826d0424d0989a9e9b7f9175e1c0d8284d9030b4bf3934f3e2834653f70ce3f1080d62e87a876e15c9f9ff0c77bd5d9_1280.jpg"
|
|
||||||
textarea={{
|
|
||||||
name: "message",
|
|
||||||
placeholder: "How can we help?",
|
|
||||||
rows: 4,
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBaseCard
|
<FooterBaseCard
|
||||||
logoText="Rise & Bake"
|
logoText="Rise & Bake"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Bakery", items: [{ label: "Menu", href: "#products" }, { label: "About", href: "#about" }] },
|
||||||
title: "Bakery",
|
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
|
||||||
items: [
|
]}
|
||||||
{
|
/>
|
||||||
label: "Menu",
|
</div>
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "About",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Social",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Instagram",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Facebook",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user