Merge version_2 into main #2
169
src/app/page.tsx
169
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "/shop",
|
||||
},
|
||||
name: "Collections", id: "/shop"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="X's and O's"
|
||||
/>
|
||||
@@ -57,85 +47,54 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="X’s and O’s Gift Boutique"
|
||||
variant: "gradient-bars"}}
|
||||
title="Find the Perfect Gift for Every Occasion"
|
||||
description="Thoughtfully curated gifts for every moment worth celebrating. Find something meaningful, beautiful, and unexpected."
|
||||
kpis={[
|
||||
{
|
||||
value: "100+",
|
||||
label: "Unique Gifts",
|
||||
},
|
||||
value: "100+", label: "Unique Gifts"},
|
||||
{
|
||||
value: "5 Star",
|
||||
label: "Client Love",
|
||||
},
|
||||
value: "5 Star", label: "Client Love"},
|
||||
{
|
||||
value: "Free",
|
||||
label: "Gift Wrapping",
|
||||
},
|
||||
value: "Free", label: "Gift Wrapping"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop In Store",
|
||||
href: "/shop",
|
||||
},
|
||||
text: "Shop In Store", href: "/shop"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5042874029",
|
||||
},
|
||||
text: "Call Now", href: "tel:5042874029"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gv5xm0&_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ivqgiq",
|
||||
alt: "Happy customer in boutique",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ivqgiq", alt: "Happy customer in boutique"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=296zh5",
|
||||
alt: "Customer holding gift box",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=296zh5", alt: "Customer holding gift box"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g8kjo4",
|
||||
alt: "Gift shop decor arrangement",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g8kjo4", alt: "Gift shop decor arrangement"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z0poo7",
|
||||
alt: "Happy shopper looking at gifts",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z0poo7", alt: "Happy shopper looking at gifts"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ouz7li",
|
||||
alt: "Gift wrapping service hands",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ouz7li", alt: "Gift wrapping service hands"},
|
||||
]}
|
||||
avatarText="Loved by our community"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Hand-picked Selection",
|
||||
icon: Gift,
|
||||
type: "text-icon", text: "Hand-picked Selection", icon: Gift,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Locally Loved",
|
||||
icon: Heart,
|
||||
type: "text-icon", text: "Locally Loved", icon: Heart,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Gift Wrapping Experts",
|
||||
icon: Sparkles,
|
||||
type: "text-icon", text: "Gift Wrapping Experts", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Unique Keepsakes",
|
||||
icon: Star,
|
||||
type: "text-icon", text: "Unique Keepsakes", icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "New Arrivals Daily",
|
||||
icon: ShoppingBag,
|
||||
type: "text-icon", text: "New Arrivals Daily", icon: ShoppingBag,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -149,17 +108,11 @@ export default function LandingPage() {
|
||||
description="At X’s and O’s Gift Boutique, we believe gifting should feel personal, fun, and effortless. From home décor to seasonal treasures, every item is chosen with care."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Unique Selection",
|
||||
description: "Ever-changing inventory.",
|
||||
},
|
||||
title: "Unique Selection", description: "Ever-changing inventory."},
|
||||
{
|
||||
title: "Careful Selection",
|
||||
description: "Thoughtfully picked.",
|
||||
},
|
||||
title: "Careful Selection", description: "Thoughtfully picked."},
|
||||
{
|
||||
title: "Beautiful Wrapping",
|
||||
description: "Complimentary wrap.",
|
||||
},
|
||||
title: "Beautiful Wrapping", description: "Complimentary wrap."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h316z4&_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -173,40 +126,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Shopper",
|
||||
testimonial: "Nice store with a great selection. I will go back!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ivqgiq",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Shopper", testimonial: "Nice store with a great selection. I will go back!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ivqgiq"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
role: "Shopper",
|
||||
testimonial: "I usually end up buying something for myself too!",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=296zh5",
|
||||
},
|
||||
id: "2", name: "Michael C.", role: "Shopper", testimonial: "I usually end up buying something for myself too!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=296zh5"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Shopper",
|
||||
testimonial: "Great selection, unique items too.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g8kjo4",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Shopper", testimonial: "Great selection, unique items too.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g8kjo4"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Shopper",
|
||||
testimonial: "The staff is so nice and does great gift wrap.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z0poo7",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Shopper", testimonial: "The staff is so nice and does great gift wrap.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z0poo7"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda P.",
|
||||
role: "Shopper",
|
||||
testimonial: "My favorite local boutique.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ouz7li",
|
||||
},
|
||||
id: "5", name: "Linda P.", role: "Shopper", testimonial: "My favorite local boutique.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ouz7li"},
|
||||
]}
|
||||
title="Customer Love"
|
||||
description="What our wonderful customers are saying."
|
||||
@@ -220,19 +148,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Gift,
|
||||
label: "Curated Items",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Curated Items", value: "500+"},
|
||||
{
|
||||
icon: Heart,
|
||||
label: "Happy Clients",
|
||||
value: "1,200",
|
||||
},
|
||||
label: "Happy Clients", value: "1,200"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Years Active",
|
||||
value: "5+",
|
||||
},
|
||||
label: "Years Active", value: "5+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -242,8 +164,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Stay Connected"
|
||||
title="Join our Newsletter"
|
||||
description="Get exclusive updates on new arrivals and shop events."
|
||||
@@ -256,29 +177,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Boutique",
|
||||
items: [
|
||||
title: "Boutique", items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "/shop",
|
||||
},
|
||||
label: "Shop", href: "/shop"},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About", href: "/about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Help",
|
||||
items: [
|
||||
title: "Help", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Services", href: "/services"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user