184 lines
9.5 KiB
TypeScript
184 lines
9.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
|
|
import TextAbout from "@/components/sections/about/TextAbout";
|
|
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
|
import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
|
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import { Heart, MapPin, Smile, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="The Smallest Gift Shop"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Why Visit", id: "why-visit" },
|
|
{ name: "Stories", id: "testimonials" },
|
|
{ name: "Visit Today", id: "location" },
|
|
]}
|
|
button={{
|
|
text: "📞 Call Now", href: "tel:+31628710053"}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
title="Amsterdam's Smallest & Most Charming Souvenir Shop"
|
|
description="Unique gifts, friendly service, and a warm welcome in the heart of Amsterdam. Located inside Westerkerk at Westermarkt 60."
|
|
tag="Located at Westerkerk"
|
|
background={{ variant: "noiseDiagonalGradient" }}
|
|
buttons={[
|
|
{
|
|
text: "📞 Call Now", href: "tel:+31628710053"},
|
|
{
|
|
text: "📍 Get Directions", href: "https://www.google.com/maps/search/The+Smallest+Souvenir+Shop,+Westermarkt+60,+Amsterdam"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/interior-flower-shop_181624-58301.jpg"
|
|
imageAlt="The Smallest Gift Shop storefront at Westermarkt in Amsterdam"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
tag="About Us"
|
|
title="Why Amsterdam Visitors Love Us"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{
|
|
text: "✉️ Ask a Question", href: "#contact"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-visit" data-section="why-visit">
|
|
<FeatureBento
|
|
title="Why Visit Us?"
|
|
description="We're small, charming, and genuinely happy to help every visitor find the perfect gift."
|
|
tag="What Makes Us Special"
|
|
features={[
|
|
{
|
|
title: "🎁 Unique Souvenirs", description: "Carefully curated Amsterdam gifts you won't find anywhere else", bentoComponent: "reveal-icon", icon: Sparkles,
|
|
},
|
|
{
|
|
title: "❤️ Friendly Service", description: "Warm, welcoming staff who care about your experience", bentoComponent: "reveal-icon", icon: Heart,
|
|
},
|
|
{
|
|
title: "📍 Prime Location", description: "Right at Westerkerk, perfect for Anne Frank House visitors", bentoComponent: "reveal-icon", icon: MapPin,
|
|
},
|
|
{
|
|
title: "☕ Cozy Atmosphere", description: "Small but incredibly charming space with genuine Dutch hospitality", bentoComponent: "reveal-icon", icon: Smile,
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="What Our Customers Say"
|
|
description="Real feedback from visitors who experienced our friendly service and unique gift selection."
|
|
tag="Customer Stories"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell", role: "Tourist from UK", company: "London", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-tourist-has-glad-expression-wears-fashionable-headgear_273609-25749.jpg?_wi=1", imageAlt: "happy customer portrait smiling woman tourist portrait portrait headshot"},
|
|
{
|
|
id: "2", name: "Jan de Vries", role: "Local Visitor", company: "Amsterdam", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-surfer-snapback-looking-smiling-cheerfully-after-winning-sports-contest-surfers-holding-his-white-surfboard-his-arm_273609-1551.jpg?_wi=1", imageAlt: "happy customer portrait smiling man tourist portrait portrait headshot"},
|
|
{
|
|
id: "3", name: "María García", role: "Tourist from Spain", company: "Madrid", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up-sign_23-2148631398.jpg", imageAlt: "happy customer portrait smiling woman diverse tourist portrait headshot"},
|
|
{
|
|
id: "4", name: "Hans Mueller", role: "Tourist from Germany", company: "Berlin", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-surfer-snapback-looking-smiling-cheerfully-after-winning-sports-contest-surfers-holding-his-white-surfboard-his-arm_273609-1551.jpg?_wi=2", imageAlt: "happy customer portrait smiling man diverse tourist portrait headshot"},
|
|
{
|
|
id: "5", name: "Emilie Dubois", role: "Tourist from France", company: "Paris", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-surfer-snapback-looking-smiling-cheerfully-after-winning-sports-contest-surfers-holding-his-white-surfboard-his-arm_273609-1551.jpg?_wi=3", imageAlt: "happy customer portrait smiling person tourist smile portrait headshot"},
|
|
{
|
|
id: "6", name: "Sofia Rossi", role: "Tourist from Italy", company: "Rome", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-tourist-has-glad-expression-wears-fashionable-headgear_273609-25749.jpg?_wi=2", imageAlt: "happy customer portrait friendly smile tourist portrait portrait headshot"},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="location" data-section="location">
|
|
<ContactCenter
|
|
tag="Visit Us Today"
|
|
title="Find Us at Westermarkt 60"
|
|
description="Located inside Westerkerk in the heart of Amsterdam. Open most days. Call ahead or stop by to discover your perfect souvenir. We're here to help with a smile."
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
inputPlaceholder="Your email"
|
|
buttonText="Stay Updated"
|
|
termsText="We'll send you occasional updates about new arrivals and special offers. Unsubscribe anytime."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="The Smallest Gift Shop"
|
|
copyrightText="© 2025 | The Smallest Gift Shop | Amsterdam"
|
|
columns={[
|
|
{
|
|
title: "Contact", items: [
|
|
{
|
|
label: "📞 +31 6 28710053", href: "tel:+31628710053"},
|
|
{
|
|
label: "📍 Westermarkt 60, Amsterdam", href: "https://www.google.com/maps/search/Westermarkt+60,+Amsterdam"},
|
|
{
|
|
label: "🕐 Call for Hours", href: "tel:+31628710053"},
|
|
],
|
|
},
|
|
{
|
|
title: "Navigate", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Why Visit", href: "#why-visit"},
|
|
{
|
|
label: "Stories", href: "#testimonials"},
|
|
{
|
|
label: "Get Directions", href: "https://www.google.com/maps/search/The+Smallest+Souvenir+Shop,+Westermarkt+60,+Amsterdam"},
|
|
],
|
|
},
|
|
{
|
|
title: "Follow", items: [
|
|
{
|
|
label: "Google Reviews", href: "https://www.google.com/search?q=The+Smallest+Souvenir+Shop+Amsterdam"},
|
|
{
|
|
label: "Find Us on Maps", href: "https://www.google.com/maps/search/Westermarkt+60,+Amsterdam"},
|
|
{
|
|
label: "Contact Us", href: "#contact"},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|