295 lines
16 KiB
TypeScript
295 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
|
|
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
|
|
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
|
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
|
|
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FaqBase from "@/components/sections/faq/FaqBase";
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
import {
|
|
TreePine,
|
|
Waves,
|
|
Footprints,
|
|
Heart,
|
|
Moon,
|
|
Sparkles,
|
|
Coffee,
|
|
UtensilsCrossed,
|
|
Wine,
|
|
Camera,
|
|
Building,
|
|
Sun,
|
|
MapPin,
|
|
Phone,
|
|
Mail,
|
|
} from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="grid"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "home" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Highlights", id: "highlights" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Canal Saint-Martin"
|
|
bottomLeftText="Paris, France"
|
|
bottomRightText="+33 1 XXXX XXXX"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="CANAL SAINT-MARTIN"
|
|
description="One of the most beautiful walking spots in Paris, known for its peaceful water views, historic bridges, and lively cafés."
|
|
buttons={[
|
|
{
|
|
text: "Get Directions", href: "https://www.google.com/maps/place/Canal+Saint-Martin,+Paris"},
|
|
{ text: "Plan Your Visit", href: "#contact" },
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/lyon-panorama_268835-3371.jpg", imageAlt: "Canal Saint-Martin scenic water view"},
|
|
{
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/guy-girl-hugging-each-other-background-night-port_1153-3419.jpg", imageAlt: "Canal Saint-Martin evening lights reflection"},
|
|
{
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/beautiful-scenery-river-field-dry-grass-surrounded-by-lot-trees_181624-20253.jpg", imageAlt: "Peaceful tree-lined walking path along canal"},
|
|
]}
|
|
autoplayDelay={5000}
|
|
showDimOverlay={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust-signals" data-section="trust-signals">
|
|
<MetricCardFourteen
|
|
title="Trusted by thousands of visitors each year who discover the charm of Canal Saint-Martin."
|
|
tag="Verified Attraction"
|
|
metrics={[
|
|
{
|
|
id: "rating", value: "4.8★", description: "Average rating from 39 verified visitor reviews"},
|
|
{
|
|
id: "location", value: "Central Paris", description:
|
|
"Perfectly located in the 10th arrondissement, easily accessible from transit"},
|
|
{
|
|
id: "walkability", value: "2.3 km", description: "Scenic walking distance along the historic canal pathway"},
|
|
{
|
|
id: "free-access", value: "100% Free", description: "Open public access to the canal and walking paths year-round"},
|
|
]}
|
|
useInvertedBackground={false}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<InlineImageSplitTextAbout
|
|
heading={[
|
|
{ type: "text", content: "Discover the authentic charm of Paris at" },
|
|
{ type: "text", content: "Canal Saint-Martin" },
|
|
]}
|
|
useInvertedBackground={true}
|
|
buttons={[
|
|
{ text: "Call Now", href: "tel:+33123456789" },
|
|
{ text: "Learn More", href: "#highlights" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="highlights" data-section="highlights">
|
|
<FeatureCardTen
|
|
title="Why Visitors Love Canal Saint-Martin"
|
|
description="Experience the perfect blend of nature, history, and Parisian culture"
|
|
tag="Visitor Highlights"
|
|
features={[
|
|
{
|
|
id: "1", title: "Peaceful Walks", description:
|
|
"Tree-lined paths and relaxing water views create the perfect escape from the bustling city. Stroll at your own pace and discover hidden corners of authentic Paris.", media: {
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/beautiful-scenery-river-field-dry-grass-surrounded-by-lot-trees_181624-20253.jpg", imageAlt: "Peaceful tree-lined walking path along the canal"},
|
|
items: [
|
|
{ icon: TreePine, text: "Shaded tree-lined pathways" },
|
|
{ icon: Waves, text: "Serene water reflections" },
|
|
{ icon: Footprints, text: "Easy walking distance" },
|
|
],
|
|
reverse: false,
|
|
},
|
|
{
|
|
id: "2", title: "Romantic Evenings", description:
|
|
"Beautiful reflections of lights on the water create a magical atmosphere perfect for couples. The evening ambiance is unmatched anywhere in Paris.", media: {
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/guy-girl-hugging-each-other-background-night-port_1153-3419.jpg", imageAlt: "Canal Saint-Martin evening lights reflecting on water"},
|
|
items: [
|
|
{ icon: Heart, text: "Perfect for couples" },
|
|
{ icon: Moon, text: "Enchanting evening lighting" },
|
|
{ icon: Sparkles, text: "Magical atmosphere" },
|
|
],
|
|
reverse: true,
|
|
},
|
|
{
|
|
id: "3", title: "Cafés & Bistros", description:
|
|
"Many charming places to eat and drink line the canal. From casual cafés to upscale bistros, enjoy authentic French cuisine with canal views.", media: {
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-6156.jpg", imageAlt: "Outdoor cafe seating along the canal"},
|
|
items: [
|
|
{ icon: Coffee, text: "Quality French cafés" },
|
|
{ icon: UtensilsCrossed, text: "Authentic bistro dining" },
|
|
{ icon: Wine, text: "Local drinks and wines" },
|
|
],
|
|
reverse: false,
|
|
},
|
|
{
|
|
id: "4", title: "Photography Spot", description:
|
|
"Historic bridges and Paris architecture provide endless photo opportunities. Photographers and Instagram enthusiasts return repeatedly to capture the beauty.", media: {
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/bridge-lions-ebro-river_1398-4823.jpg", imageAlt: "Historic bridge and canal architecture"},
|
|
items: [
|
|
{ icon: Camera, text: "Iconic photo locations" },
|
|
{ icon: Building, text: "Historic architecture" },
|
|
{ icon: Sun, text: "Perfect golden hour" },
|
|
],
|
|
reverse: true,
|
|
},
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardThirteen
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", handle: "@sarahj_travels", testimonial:
|
|
"Serene and calm. Lots of places to sit and relax. The perfect escape from Parisian crowds. Absolutely recommend for anyone visiting Paris.", rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/portrait-young-woman-enjoying-trip_23-2148588499.jpg", imageAlt: "Sarah Johnson testimonial photo"},
|
|
{
|
|
id: "2", name: "Michel Dubois", handle: "@michel.paris", testimonial:
|
|
"One of the nicest spots in Paris, especially in the evening. The light reflections on the water are magical. I come here every week to unwind.", rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/happy-young-company-smiling-friends-sitting-park-grass-man-women-having-fun-together_285396-8807.jpg", imageAlt: "Michel Dubois testimonial photo"},
|
|
{
|
|
id: "3", name: "Emma Chen", handle: "@emma_photo", testimonial:
|
|
"Perfect place to walk and enjoy Paris. As a photographer, I've captured some of my best work here. The architecture and light are simply stunning.", rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/pretty-woman-holding-camera_1187-3690.jpg", imageAlt: "Emma Chen testimonial photo"},
|
|
{
|
|
id: "4", name: "Lucas Martin", handle: "@lucas.explore", testimonial:
|
|
"Brought my family here and everyone loved it. The kids enjoyed exploring the bridges and we found great cafés for lunch. Highly recommend for all ages.", rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/cozy-mountain-relaxation-smiling-young-woman-outdoors_169016-69109.jpg", imageAlt: "Lucas Martin testimonial photo"},
|
|
{
|
|
id: "5", name: "Céline Rousseau", handle: "@celine.paris", testimonial:
|
|
"A hidden gem in the 10th. Way less crowded than other Paris attractions but equally beautiful. Authentic Paris experience without the tourists.", rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/happy-young-company-talking-smiling-friends-sitting-park-man-women-having-fun-together-traveling-with-camera_285396-8655.jpg", imageAlt: "Céline Rousseau testimonial photo"},
|
|
{
|
|
id: "6", name: "James Wilson", handle: "@jw_traveler", testimonial:
|
|
"Exceeded expectations. The calm water, historic bridges, and local atmosphere made this my favorite spot in Paris. Worth every minute spent there.", rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/full-shot-woman-sitting-blanket_23-2148999135.jpg", imageAlt: "James Wilson testimonial photo"},
|
|
]}
|
|
showRating={true}
|
|
title="What Our Visitors Say"
|
|
description="Join thousands of satisfied visitors who've discovered the magic of Canal Saint-Martin"
|
|
tag="Real Reviews"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Get In Touch"
|
|
title="Plan Your Visit to Canal Saint-Martin"
|
|
description="Have questions? Want to plan the perfect visit? Contact us or subscribe to our newsletter for insider tips and updates about events happening along the canal."
|
|
tagIcon={MapPin}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/aerial-view-paris_1147-431.jpg"
|
|
imageAlt="Map location of Canal Saint-Martin Paris"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="your.email@example.com"
|
|
buttonText="Plan My Visit"
|
|
termsText="We respect your privacy. Unsubscribe anytime. By subscribing, you agree to receive updates about Canal Saint-Martin."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What's the best time to visit Canal Saint-Martin?", content:
|
|
"Spring (April-May) and fall (September-October) offer the best weather and atmosphere. However, the canal is beautiful year-round. Summer is busy with tourists, while winter creates a peaceful, intimate setting. Evenings are magical any time of year when the lights reflect on the water."},
|
|
{
|
|
id: "2", title: "Is Canal Saint-Martin free to visit?", content:
|
|
"Yes! The canal and walking paths are 100% free and open to the public. There are no entrance fees. However, dining at the cafés and bistros along the canal obviously has costs. Parking is available on nearby streets."},
|
|
{
|
|
id: "3", title: "How long should I plan to spend there?", content:
|
|
"A leisurely walk typically takes 45-60 minutes. However, many visitors stay 2-3 hours to enjoy cafés, take photos, or simply relax. Some recommend visiting both day and evening to experience the different atmospheres. Plan accordingly based on your interests."},
|
|
{
|
|
id: "4", title: "How do I get to Canal Saint-Martin?", content:
|
|
"Located at Square Frédérick-Lemaître, 35 Quai de Jemmapes, 75010 Paris. Access via Metro Line 5 (Jaurès station) or Line 4 (République station). Alternatively, use Google Maps for real-time directions and transit options. Taxi and ride-sharing services are also available."},
|
|
{
|
|
id: "5", title: "Are there restaurants or cafés nearby?", content:
|
|
"Absolutely! The canal is surrounded by charming cafés, bistros, and restaurants. Options range from casual coffee spots to upscale dining establishments. Many have waterside seating. We recommend booking ahead during peak hours to guarantee seating."},
|
|
{
|
|
id: "6", title: "Can I bring children or strollers?", content:
|
|
"Yes, the canal is very family-friendly. The paths are wide and accessible for strollers. However, there are some uneven sections so care is needed. Kids enjoy exploring the bridges and watching boats. The area is safe and well-maintained."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about visiting Canal Saint-Martin"
|
|
tag="Help & Info"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Canal Saint-Martin"
|
|
copyrightText="© 2025 Canal Saint-Martin Paris | Tourist Attraction Information"
|
|
socialLinks={[
|
|
{
|
|
icon: Phone,
|
|
href: "tel:+33123456789", ariaLabel: "Call us"},
|
|
{
|
|
icon: MapPin,
|
|
href: "https://www.google.com/maps/place/Canal+Saint-Martin,+Paris", ariaLabel: "Get directions"},
|
|
{
|
|
icon: Mail,
|
|
href: "mailto:info@canalsaintmartin.paris", ariaLabel: "Email us"},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|