Update src/app/page.tsx
This commit is contained in:
196
src/app/page.tsx
196
src/app/page.tsx
@@ -30,17 +30,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Workshops",
|
||||
id: "/workshops",
|
||||
},
|
||||
name: "Workshops", id: "/workshops"},
|
||||
]}
|
||||
brandName="Lille Viol"
|
||||
/>
|
||||
@@ -49,108 +43,58 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="A Hidden Gem by the Sea"
|
||||
description="Flowers, handmade treasures, and quiet moments with tea and cake."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah",
|
||||
testimonial: "A hidden gem – everything is so lovely and detailed.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sweet-surprise-mothers-day_23-2148473888.jpg?_wi=1",
|
||||
imageAlt: "cozy boutique interior flowers ceramics",
|
||||
},
|
||||
name: "Sarah J.", handle: "@sarah", testimonial: "A hidden gem – everything is so lovely and detailed.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sweet-surprise-mothers-day_23-2148473888.jpg?_wi=1", imageAlt: "cozy boutique interior flowers ceramics"},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@mark",
|
||||
testimonial: "The owner is very friendly and always up for a chat.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-different-goodies-local-producer_23-2149110831.jpg?_wi=1",
|
||||
imageAlt: "handcrafted objects boutique display",
|
||||
},
|
||||
name: "Mark D.", handle: "@mark", testimonial: "The owner is very friendly and always up for a chat.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-different-goodies-local-producer_23-2149110831.jpg?_wi=1", imageAlt: "handcrafted objects boutique display"},
|
||||
{
|
||||
name: "Emily R.",
|
||||
handle: "@emily",
|
||||
testimonial: "Perfect place to stop for tea and cake.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17411.jpg",
|
||||
imageAlt: "fresh seasonal flower bouquet",
|
||||
},
|
||||
name: "Emily R.", handle: "@emily", testimonial: "Perfect place to stop for tea and cake.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-floral-arrangement-red-surface_58702-17411.jpg", imageAlt: "fresh seasonal flower bouquet"},
|
||||
{
|
||||
name: "Julia P.",
|
||||
handle: "@julia",
|
||||
testimonial: "A beautiful, calm place to spend an afternoon.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-craftswoman-painting-bowl-holding-with-tong_23-2148155155.jpg",
|
||||
imageAlt: "handmade pottery ceramics shop",
|
||||
},
|
||||
name: "Julia P.", handle: "@julia", testimonial: "A beautiful, calm place to spend an afternoon.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-craftswoman-painting-bowl-holding-with-tong_23-2148155155.jpg", imageAlt: "handmade pottery ceramics shop"},
|
||||
{
|
||||
name: "Tom B.",
|
||||
handle: "@tom",
|
||||
testimonial: "My favorite shop in the entire coastal area.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-from-afar-cup-tea-cup-tea-cookies-cinnamon-lemon-plate-cake-tablecloth_140725-78812.jpg",
|
||||
imageAlt: "tea and cake peaceful shop",
|
||||
},
|
||||
name: "Tom B.", handle: "@tom", testimonial: "My favorite shop in the entire coastal area.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-from-afar-cup-tea-cup-tea-cookies-cinnamon-lemon-plate-cake-tablecloth_140725-78812.jpg", imageAlt: "tea and cake peaceful shop"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Lille Viol",
|
||||
href: "#visit",
|
||||
},
|
||||
text: "Visit Lille Viol", href: "#visit"},
|
||||
{
|
||||
text: "Explore the Experience",
|
||||
href: "/about",
|
||||
},
|
||||
text: "Explore the Experience", href: "/about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sweet-surprise-mothers-day_23-2148473888.jpg?_wi=2"
|
||||
imageAlt="Lille Viol Boutique interior"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg", alt: "Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-girl-pink-jacket-white-t-shirt-standing-boutique-with-sale-clothes-rack-background-portrait-smiling-lady-looking-camera-clothing-store_574295-215.jpg",
|
||||
alt: "Mark",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-girl-pink-jacket-white-t-shirt-standing-boutique-with-sale-clothes-rack-background-portrait-smiling-lady-looking-camera-clothing-store_574295-215.jpg", alt: "Mark"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-showing-bag-surprised-friend_23-2147950283.jpg",
|
||||
alt: "Emily",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-showing-bag-surprised-friend_23-2147950283.jpg", alt: "Emily"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12320.jpg",
|
||||
alt: "Julia",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-beautiful-blond-hair-gentle-smile-dressed-green-robe-with-belt-is-working-greenhouse_197531-12320.jpg", alt: "Julia"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-dress-cafe_273609-4264.jpg",
|
||||
alt: "Tom",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-dress-cafe_273609-4264.jpg", alt: "Tom"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Seasonal Florals",
|
||||
},
|
||||
type: "text", text: "Seasonal Florals"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Handmade Ceramics",
|
||||
},
|
||||
type: "text", text: "Handmade Ceramics"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cozy Tea Room",
|
||||
},
|
||||
type: "text", text: "Cozy Tea Room"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Unique Artisanal Finds",
|
||||
},
|
||||
type: "text", text: "Unique Artisanal Finds"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Creative Workshops",
|
||||
},
|
||||
type: "text", text: "Creative Workshops"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -162,17 +106,11 @@ export default function LandingPage() {
|
||||
description="Lille Viol is a small, carefully curated space where flowers, handmade pieces, and simple pleasures come together. Step inside for a quiet moment, a warm cup of tea, or to discover something truly special."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Handmade",
|
||||
},
|
||||
value: "100%", title: "Handmade"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Calm Vibes",
|
||||
},
|
||||
value: "24/7", title: "Calm Vibes"},
|
||||
{
|
||||
value: "Local",
|
||||
title: "Sourced",
|
||||
},
|
||||
value: "Local", title: "Sourced"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-looking-different-goodies-local-producer_23-2149110831.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -187,26 +125,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Flowers & Floristry",
|
||||
subtitle: "Seasonal bouquets and natural arrangements",
|
||||
category: "Nature",
|
||||
value: "Fresh",
|
||||
},
|
||||
id: "f1", title: "Flowers & Floristry", subtitle: "Seasonal bouquets and natural arrangements", category: "Nature", value: "Fresh"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Handmade & Unique Finds",
|
||||
subtitle: "Thoughtfully selected pieces full of detail and charm",
|
||||
category: "Craft",
|
||||
value: "Rare",
|
||||
},
|
||||
id: "f2", title: "Handmade & Unique Finds", subtitle: "Thoughtfully selected pieces full of detail and charm", category: "Craft", value: "Rare"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Tea & Cake",
|
||||
subtitle: "A peaceful pause in beautiful surroundings",
|
||||
category: "Cafe",
|
||||
value: "Cozy",
|
||||
},
|
||||
id: "f3", title: "Tea & Cake", subtitle: "A peaceful pause in beautiful surroundings", category: "Cafe", value: "Cozy"},
|
||||
]}
|
||||
title="What You'll Find"
|
||||
description="Thoughtfully curated items for your home and heart."
|
||||
@@ -223,29 +146,19 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Star,
|
||||
title: "Artisanal Flowers",
|
||||
description: "Fresh, seasonal blooms arranged with love and natural aesthetics.",
|
||||
},
|
||||
title: "Artisanal Flowers", description: "Fresh, seasonal blooms arranged with love and natural aesthetics."},
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "Cozy Tea Corner",
|
||||
description: "Relax with a warm cup of tea and a slice of artisanal cake.",
|
||||
},
|
||||
title: "Cozy Tea Corner", description: "Relax with a warm cup of tea and a slice of artisanal cake."},
|
||||
{
|
||||
icon: Palette,
|
||||
title: "Creative Workshops",
|
||||
description: "Join our intimate sessions to explore your creative side.",
|
||||
},
|
||||
title: "Creative Workshops", description: "Join our intimate sessions to explore your creative side."},
|
||||
{
|
||||
icon: ShoppingBag,
|
||||
title: "Handmade Treasures",
|
||||
description: "Shop rare pieces made by local artisans and makers.",
|
||||
},
|
||||
title: "Handmade Treasures", description: "Shop rare pieces made by local artisans and makers."},
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Calm Atmosphere",
|
||||
description: "A peaceful retreat designed to inspire and soothe the mind.",
|
||||
},
|
||||
title: "Calm Atmosphere", description: "A peaceful retreat designed to inspire and soothe the mind."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -254,20 +167,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Come Visit Lille Viol"
|
||||
description="Tucked away near the coast, Lille Viol is a place to slow down, explore, and feel inspired. Find us open daily from 10:00 to 18:00."
|
||||
buttons={[
|
||||
{
|
||||
text: "Plan Your Visit",
|
||||
href: "#",
|
||||
},
|
||||
text: "Plan Your Visit", href: "#"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "/about",
|
||||
},
|
||||
text: "Contact Us", href: "/about"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -277,33 +185,23 @@ export default function LandingPage() {
|
||||
logoText="Lille Viol"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Butik", items: [
|
||||
{
|
||||
label: "Flowers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blomster", href: "#"},
|
||||
{
|
||||
label: "Workshops",
|
||||
href: "/workshops",
|
||||
},
|
||||
label: "Workshops", href: "/workshops"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Visit",
|
||||
items: [
|
||||
title: "Besøg", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
label: "Om os", href: "/about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Kontakt", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Lille Viol. All rights reserved."
|
||||
copyrightText="© 2024 Lille Viol. Alle rettigheder forbeholdes."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user