Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
177
src/app/page.tsx
177
src/app/page.tsx
@@ -16,27 +16,21 @@ 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"
|
||||
>
|
||||
<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="Purple Hippo Boutique"
|
||||
/>
|
||||
@@ -44,20 +38,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Discover Unique Handmade Gifts in Lethbridge"
|
||||
description="Supporting 150+ local artisans across Western Canada. Shop local and support our community treasures."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+15550123456",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:+15550123456" },
|
||||
{ text: "Contact Us", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-beautiful-flowers-arrangement_23-2149591563.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -68,159 +54,92 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Story at Purple Hippo",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-florist-holding-spikelet-shop_23-2147882391.jpg",
|
||||
alt: "Kacie Dyck Founder",
|
||||
},
|
||||
{ type: "text", content: "Our Story at Purple Hippo" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/smiling-young-florist-holding-spikelet-shop_23-2147882391.jpg", alt: "Kacie Dyck Founder" }
|
||||
]}
|
||||
ariaLabel="About Purple Hippo"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
title="Explore Our Latest Artisan Finds"
|
||||
description="New items added weekly! Visit us in-store to see the full collection."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Artisan A",
|
||||
name: "Handmade Jewelry",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-box-metallic-accessories_23-2148264399.jpg",
|
||||
id: "1", brand: "Artisan A", name: "Handmade Jewelry", price: "$45", rating: 5,
|
||||
reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-box-metallic-accessories_23-2148264399.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Artisan B",
|
||||
name: "Home Décor Piece",
|
||||
price: "$60",
|
||||
rating: 5,
|
||||
reviewCount: "18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bouquet-dried-protea-flowers-living-room-home-still-life_169016-57549.jpg",
|
||||
id: "2", brand: "Artisan B", name: "Home Décor Piece", price: "$60", rating: 5,
|
||||
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/bouquet-dried-protea-flowers-living-room-home-still-life_169016-57549.jpg"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Artisan C",
|
||||
name: "Organic Skincare",
|
||||
price: "$25",
|
||||
rating: 5,
|
||||
reviewCount: "42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-soap-mineral-salt_23-2148287691.jpg",
|
||||
},
|
||||
id: "3", brand: "Artisan C", name: "Organic Skincare", price: "$25", rating: 5,
|
||||
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-soap-mineral-salt_23-2148287691.jpg"
|
||||
}
|
||||
]}
|
||||
title="Explore Our Latest Artisan Finds"
|
||||
description="New items added weekly! Visit us in-store to see the full collection."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="Locally Loved in Lethbridge"
|
||||
description="See why our community loves supporting local artisans."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah D.",
|
||||
handle: "@sarah_d",
|
||||
testimonial: "The best place for one-of-a-kind gifts!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-together-walking-street-valentines-day_1303-25958.jpg",
|
||||
id: "1", name: "Sarah D.", handle: "@sarah_d", testimonial: "The best place for one-of-a-kind gifts!", imageSrc: "http://img.b2bpic.net/free-photo/couple-together-walking-street-valentines-day_1303-25958.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael L.",
|
||||
handle: "@michaell",
|
||||
testimonial: "I love that my money stays in the local economy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-seller-talking-client-selling-seasonal-locally-grown-veggies_482257-77579.jpg",
|
||||
id: "2", name: "Michael L.", handle: "@michaell", testimonial: "I love that my money stays in the local economy.", imageSrc: "http://img.b2bpic.net/free-photo/happy-seller-talking-client-selling-seasonal-locally-grown-veggies_482257-77579.jpg"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily P.",
|
||||
handle: "@emilyp",
|
||||
testimonial: "Fantastic service and always something new.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-wrapped-presents-arrangement_23-2148769818.jpg",
|
||||
id: "3", name: "Emily P.", handle: "@emilyp", testimonial: "Fantastic service and always something new.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-wrapped-presents-arrangement_23-2148769818.jpg"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "Truly a hidden gem in Lethbridge.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ancient-kettle-peanut-brittles-marble-background_114579-46797.jpg",
|
||||
},
|
||||
id: "4", name: "David W.", handle: "@davidw", testimonial: "Truly a hidden gem in Lethbridge.", imageSrc: "http://img.b2bpic.net/free-photo/ancient-kettle-peanut-brittles-marble-background_114579-46797.jpg"
|
||||
}
|
||||
]}
|
||||
title="Locally Loved in Lethbridge"
|
||||
description="See why our community loves supporting local artisans."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Visit Us Today"
|
||||
description="We'd love to see you! Give us a call or send us a message below."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help you?",
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we help you?", required: true }}
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Call: 555-0123",
|
||||
href: "tel:+15550123456",
|
||||
},
|
||||
{
|
||||
label: "Lethbridge, AB",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Vendor Inquiries",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Purple Hippo Boutique"
|
||||
columns={[
|
||||
{ items: [
|
||||
{ label: "Call: 555-0123", href: "tel:+15550123456" },
|
||||
{ label: "Lethbridge, AB", href: "#" }
|
||||
] },
|
||||
{ items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Vendor Inquiries", href: "#contact" }
|
||||
] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user