Update src/app/page.tsx
This commit is contained in:
129
src/app/page.tsx
129
src/app/page.tsx
@@ -16,27 +16,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: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Sweet Crust"
|
||||
/>
|
||||
@@ -44,17 +39,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Freshness in Every Bite"
|
||||
description="Experience the warmth of hand-crafted artisan breads and pastries, baked fresh daily with passion and premium ingredients."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
avatars={[]}
|
||||
buttons={[{ text: "View Our Menu", href: "#menu" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -76,32 +65,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Pastry",
|
||||
name: "Classic Croissant",
|
||||
price: "$3.50",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/variety-baked-bread-close-up_23-2148258682.jpg",
|
||||
id: "1", brand: "Pastry", name: "Classic Croissant", price: "$3.50", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/variety-baked-bread-close-up_23-2148258682.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Bread",
|
||||
name: "Sourdough Loaf",
|
||||
price: "$8.00",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/active-rye-wheat-sourdough-starter-glass-jar-ingredient-flour-freshly-baked-whole-grain-bread-laid-out-table_166373-2179.jpg",
|
||||
id: "2", brand: "Bread", name: "Sourdough Loaf", price: "$8.00", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/active-rye-wheat-sourdough-starter-glass-jar-ingredient-flour-freshly-baked-whole-grain-bread-laid-out-table_166373-2179.jpg"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Dessert",
|
||||
name: "Berry Tart",
|
||||
price: "$4.50",
|
||||
rating: 4,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/berries-sponge-cake_23-2147984964.jpg",
|
||||
},
|
||||
id: "3", brand: "Dessert", name: "Berry Tart", price: "$4.50", rating: 4,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/berries-sponge-cake_23-2147984964.jpg"
|
||||
}
|
||||
]}
|
||||
title="Daily Favorites"
|
||||
description="Discover our selection of handcrafted daily essentials."
|
||||
@@ -113,75 +87,34 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anna Marie",
|
||||
handle: "@annamarie",
|
||||
testimonial: "The best sourdough in the city! Always fresh and perfectly crusty.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arranged-flatbread-with-tasty-honey_23-2147693415.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
handle: "@johndoe",
|
||||
testimonial: "My morning ritual involves their almond croissants. Absolutely divine.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-looking-dessert_23-2149233930.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sophie L.",
|
||||
handle: "@sophie_l",
|
||||
testimonial: "The staff are so friendly and the aroma is simply amazing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-homemade-sweet-bread_23-2148719017.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "Finally, a proper local bakery that knows how to treat flour.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-autumn-traditional-food-frame_23-2148234246.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Neighbors Say"
|
||||
description="Heartfelt feedback from our wonderful community."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Anna Marie", handle: "@annamarie", testimonial: "The best sourdough in the city! Always fresh and perfectly crusty.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/arranged-flatbread-with-tasty-honey_23-2147693415.jpg" },
|
||||
{ id: "2", name: "John Doe", handle: "@johndoe", testimonial: "My morning ritual involves their almond croissants. Absolutely divine.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-looking-dessert_23-2149233930.jpg" },
|
||||
{ id: "3", name: "Sophie L.", handle: "@sophie_l", testimonial: "The staff are so friendly and the aroma is simply amazing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-homemade-sweet-bread_23-2148719017.jpg" },
|
||||
{ id: "4", name: "David W.", handle: "@davidw", testimonial: "Finally, a proper local bakery that knows how to treat flour.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-autumn-traditional-food-frame_23-2148234246.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Get Freshly Baked Treats"
|
||||
description="Stop by our shop on Main Street for warm treats and artisan loaves. We are open every day from 7 AM."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Directions", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Sweet Crust"
|
||||
leftLink={{
|
||||
text: "© 2024 Sweet Crust Bakery",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "© 2024 Sweet Crust Bakery", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user