bender/fa6a86c0-cfa6-4f6a-beb2-9ffb67217db5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-31 14:13:33 +00:00
parent 9e557291b0
commit e4f0bcfaf9
1 changed files with 86 additions and 292 deletions
Download Patch File Download Diff File Expand all files Collapse all files

378
src/app/page.tsx
View File

@@ -33,25 +33,15 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Explore",
id: "#features",
},
name: "Explore", id: "#features"},
{
name: "Events",
id: "#products",
},
name: "Events", id: "#products"},
{
name: "Plan Your Visit",
id: "#faq",
},
name: "Plan Your Visit", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Port Dalhousie East Pier"
/>
@@ -61,110 +51,59 @@ export default function LandingPage() {
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Explore Port Dalhousie's Historic East Pier"
description="Immerse yourself in St. Catharines' iconic waterfront. Book your visit, discover dining, and experience 360° heritage views."
testimonials={[
{
name: "Sarah J.",
handle: "@TravelSarah",
testimonial: "The virtual tour was incredibly detailed! It made planning our visit so much easier.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-backpack-hat-while-traveling-alone_23-2148648701.jpg",
imageAlt: "Sarah J.",
},
name: "Sarah J.", handle: "@TravelSarah", testimonial: "The virtual tour was incredibly detailed! It made planning our visit so much easier.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-backpack-hat-while-traveling-alone_23-2148648701.jpg", imageAlt: "Sarah J."},
{
name: "Mark L.",
handle: "@PierExplorer",
testimonial: "A truly historic and beautiful spot. The information on amenities was very helpful.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-asian-happy-woman-blogger-tourist-silk-suit-scarf-sunglasses-vacation-travel-around-thailand-asian-boat-khao-sok-national-park_343596-1272.jpg",
imageAlt: "Mark L.",
},
name: "Mark L.", handle: "@PierExplorer", testimonial: "A truly historic and beautiful spot. The information on amenities was very helpful.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-asian-happy-woman-blogger-tourist-silk-suit-scarf-sunglasses-vacation-travel-around-thailand-asian-boat-khao-sok-national-park_343596-1272.jpg", imageAlt: "Mark L."},
{
name: "Emily C.",
handle: "@EventPro",
testimonial: "Found the perfect venue for our corporate retreat through their detailed event section!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-plus-size-male-social-media-influencer_23-2151396803.jpg",
imageAlt: "Emily C.",
},
name: "Emily C.", handle: "@EventPro", testimonial: "Found the perfect venue for our corporate retreat through their detailed event section!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-plus-size-male-social-media-influencer_23-2151396803.jpg", imageAlt: "Emily C."},
{
name: "David R.",
handle: "@LocalHistorian",
testimonial: "As a local, I appreciate how well they've showcased our heritage. A must-visit!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-male-tourist-montenegro_23-2149040788.jpg",
imageAlt: "David R.",
},
name: "David R.", handle: "@LocalHistorian", testimonial: "As a local, I appreciate how well they've showcased our heritage. A must-visit!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-male-tourist-montenegro_23-2149040788.jpg", imageAlt: "David R."},
{
name: "Jessica M.",
handle: "@WaterfrontViews",
testimonial: "Absolutely stunning views and great dining options. Highly recommend a visit!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-with-sunglasses-sitting-beach_273609-5439.jpg",
imageAlt: "Jessica M.",
},
name: "Jessica M.", handle: "@WaterfrontViews", testimonial: "Absolutely stunning views and great dining options. Highly recommend a visit!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-with-sunglasses-sitting-beach_273609-5439.jpg", imageAlt: "Jessica M."},
]}
testimonialRotationInterval={5000}
buttons={[
{
text: "Start Your Virtual Tour",
href: "#features",
},
text: "Start Your Virtual Tour", href: "#features"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/horizontal-view-delighted-female-tourist-walks-street_273609-25750.jpg",
alt: "Tourist Sarah J.",
},
src: "http://img.b2bpic.net/free-photo/horizontal-view-delighted-female-tourist-walks-street_273609-25750.jpg", alt: "Tourist Sarah J."},
{
src: "http://img.b2bpic.net/free-photo/male-trekker-takes-breathtaking-mountain-landscape-rocks_482257-117806.jpg",
alt: "Mark L., Pier Explorer",
},
src: "http://img.b2bpic.net/free-photo/male-trekker-takes-breathtaking-mountain-landscape-rocks_482257-117806.jpg", alt: "Mark L., Pier Explorer"},
{
src: "http://img.b2bpic.net/free-photo/happy-young-beautiful-woman-using-her-smart-phone-walking-city-street_1328-3522.jpg",
alt: "Emily C., Event Planner",
},
src: "http://img.b2bpic.net/free-photo/happy-young-beautiful-woman-using-her-smart-phone-walking-city-street_1328-3522.jpg", alt: "Emily C., Event Planner"},
{
src: "http://img.b2bpic.net/free-photo/mature-man-with-sustainable-mobility-skateboard_23-2149129347.jpg",
alt: "David R., Local Historian",
},
src: "http://img.b2bpic.net/free-photo/mature-man-with-sustainable-mobility-skateboard_23-2149129347.jpg", alt: "David R., Local Historian"},
{
src: "http://img.b2bpic.net/free-photo/happy-african-man-smiling-stretching-hands-camera_176420-12616.jpg",
alt: "Happy visitor enjoying the pier",
},
src: "http://img.b2bpic.net/free-photo/happy-african-man-smiling-stretching-hands-camera_176420-12616.jpg", alt: "Happy visitor enjoying the pier"},
]}
avatarText="Over 1000 visitors explored with us last month!"
imageSrc="http://img.b2bpic.net/free-photo/walk-along-promenade-walk-by-sea-walking-nature-sunset_169016-68379.jpg"
imageAlt="Panoramic view of Port Dalhousie East Pier at sunset"
marqueeItems={[
{
type: "image",
src: "http://img.b2bpic.net/free-photo/walk-along-promenade-walk-by-sea-walking-nature-sunset_169016-68073.jpg",
alt: "People enjoying the pier waterfront",
type: "image", src: "http://img.b2bpic.net/free-photo/walk-along-promenade-walk-by-sea-walking-nature-sunset_169016-68073.jpg", alt: "People enjoying the pier waterfront"},
{
type: "text-icon", text: "Historic Views", icon: Building,
},
{
type: "text-icon",
text: "Historic Views",
icon: Building,
type: "image", src: "http://img.b2bpic.net/free-photo/woman-eats-omelet-with-vegetables-pancakes-food-with-chocolate-cake-wooden-table_176474-2511.jpg", alt: "Waterfront dining experience"},
{
type: "text-icon", text: "Explore Events", icon: Calendar,
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/woman-eats-omelet-with-vegetables-pancakes-food-with-chocolate-cake-wooden-table_176474-2511.jpg",
alt: "Waterfront dining experience",
},
{
type: "text-icon",
text: "Explore Events",
icon: Calendar,
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/business-partnership_72229-573.jpg",
alt: "Activities at Port Dalhousie East Pier",
},
type: "image", src: "http://img.b2bpic.net/free-photo/business-partnership_72229-573.jpg", alt: "Activities at Port Dalhousie East Pier"},
]}
showMarqueeCard={true}
marqueeSpeed={30}
@@ -178,11 +117,8 @@ export default function LandingPage() {
title="A Legacy of Lakeside Charm & Community Connection"
buttons={[
{
text: "Discover Our History",
href: "#",
},
text: "Discover Our History", href: "#"},
]}
description="Port Dalhousie East Pier is more than just a landmark; it's a vibrant hub of history, natural beauty, and community spirit. Nestled in St. Catharines, our pier offers a glimpse into the past while providing modern amenities and endless opportunities for leisure and exploration. Discover the stories etched into its weathered wood and the serene beauty that draws visitors from all walks of life."
/>
</div>
@@ -193,51 +129,27 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
label: "Culinary Delights",
title: "Waterfront Dining & Cafes",
items: [
"Taste local flavors with pier-side dining options",
"Enjoy artisan coffees with stunning lake views",
"Experience romantic dinners at sunset",
],
id: "f1", label: "Culinary Delights", title: "Waterfront Dining & Cafes", items: [
"Taste local flavors with pier-side dining options", "Enjoy artisan coffees with stunning lake views", "Experience romantic dinners at sunset"],
buttons: [
{
text: "View Restaurants",
href: "#",
},
text: "View Restaurants", href: "#"},
],
},
{
id: "f2",
label: "Scenic Views",
title: "Captivating Photo Opportunities",
items: [
"Capture the iconic lighthouse against vibrant sunsets",
"Photograph the bustling harbor and tranquil lake",
"Find unique angles for social media-worthy shots",
],
id: "f2", label: "Scenic Views", title: "Captivating Photo Opportunities", items: [
"Capture the iconic lighthouse against vibrant sunsets", "Photograph the bustling harbor and tranquil lake", "Find unique angles for social media-worthy shots"],
buttons: [
{
text: "Share Your Photos",
href: "#",
},
text: "Share Your Photos", href: "#"},
],
},
{
id: "f3",
label: "Interactive Exploration",
title: "Immersive Virtual & 3D Tours",
items: [
"Embark on a guided 360° virtual journey of the pier",
"Explore historical facts with interactive overlays",
"Plan your physical visit with a detailed virtual walkthrough",
],
id: "f3", label: "Interactive Exploration", title: "Immersive Virtual & 3D Tours", items: [
"Embark on a guided 360° virtual journey of the pier", "Explore historical facts with interactive overlays", "Plan your physical visit with a detailed virtual walkthrough"],
buttons: [
{
text: "Start Virtual Tour",
href: "#",
},
text: "Start Virtual Tour", href: "#"},
],
},
]}
@@ -255,47 +167,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "venue-1",
name: "Lakeside Event Hall",
price: "Starting from $1500",
imageSrc: "http://img.b2bpic.net/free-photo/empty-building_1127-2049.jpg",
imageAlt: "Modern Lakeside Event Hall",
},
id: "venue-1", name: "Lakeside Event Hall", price: "Starting from $1500", imageSrc: "http://img.b2bpic.net/free-photo/empty-building_1127-2049.jpg", imageAlt: "Modern Lakeside Event Hall"},
{
id: "venue-2",
name: "Pierside Garden Terrace",
price: "Starting from $1200",
imageSrc: "http://img.b2bpic.net/free-photo/sea-clouds-beach-relax-texture-light_1417-1168.jpg",
imageAlt: "Outdoor Pier-side Garden Terrace",
},
id: "venue-2", name: "Pierside Garden Terrace", price: "Starting from $1200", imageSrc: "http://img.b2bpic.net/free-photo/sea-clouds-beach-relax-texture-light_1417-1168.jpg", imageAlt: "Outdoor Pier-side Garden Terrace"},
{
id: "venue-3",
name: "Historic Lighthouse Loft",
price: "Starting from $900",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-christmas-serving-table-with-candles-fir-tree-decoration-cozy-modern-interior-close-up-celebrating-december-holiday-new-year-surrounded-by-seasonal-decorated-glasses-plates_132075-11418.jpg",
imageAlt: "Charming Historic Lighthouse Loft",
},
id: "venue-3", name: "Historic Lighthouse Loft", price: "Starting from $900", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-christmas-serving-table-with-candles-fir-tree-decoration-cozy-modern-interior-close-up-celebrating-december-holiday-new-year-surrounded-by-seasonal-decorated-glasses-plates_132075-11418.jpg", imageAlt: "Charming Historic Lighthouse Loft"},
{
id: "venue-4",
name: "Waterfront Pavilion",
price: "Starting from $2000",
imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149346622.jpg",
imageAlt: "Spacious Waterfront Pavilion",
},
id: "venue-4", name: "Waterfront Pavilion", price: "Starting from $2000", imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-business-event_23-2149346622.jpg", imageAlt: "Spacious Waterfront Pavilion"},
{
id: "venue-5",
name: "Community Deck",
price: "Starting from $500",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-picnic-near-eiffel-tower_23-2149151081.jpg",
imageAlt: "Vibrant Community Deck",
},
id: "venue-5", name: "Community Deck", price: "Starting from $500", imageSrc: "http://img.b2bpic.net/free-photo/close-up-picnic-near-eiffel-tower_23-2149151081.jpg", imageAlt: "Vibrant Community Deck"},
{
id: "venue-6",
name: "Exclusive Captain's Lounge",
price: "Starting from $1800",
imageSrc: "http://img.b2bpic.net/free-photo/chair-table-terrace-restaurant-with-sea-view_1339-7122.jpg",
imageAlt: "Luxurious Captain's Lounge",
},
id: "venue-6", name: "Exclusive Captain's Lounge", price: "Starting from $1800", imageSrc: "http://img.b2bpic.net/free-photo/chair-table-terrace-restaurant-with-sea-view_1339-7122.jpg", imageAlt: "Luxurious Captain's Lounge"},
]}
title="Host Your Memorable Events at the Pier"
description="From intimate gatherings to grand celebrations, our versatile event spaces provide the perfect backdrop for any occasion with stunning waterfront views."
@@ -310,60 +192,31 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Popular",
badgeIcon: Sparkles,
price: "$50",
name: "Standard Visit Package",
buttons: [
id: "basic", badge: "Popular", badgeIcon: Sparkles,
price: "$50", name: "Standard Visit Package", buttons: [
{
text: "Book Now",
href: "#",
},
text: "Book Now", href: "#"},
],
features: [
"Full day pier access",
"Self-guided virtual tour",
"Parking pass included",
],
"Full day pier access", "Self-guided virtual tour", "Parking pass included"],
},
{
id: "premium",
badge: "Best Value",
badgeIcon: Crown,
price: "$150",
name: "Guided Heritage Experience",
buttons: [
id: "premium", badge: "Best Value", badgeIcon: Crown,
price: "$150", name: "Guided Heritage Experience", buttons: [
{
text: "Book Premium",
href: "#",
},
text: "Book Premium", href: "#"},
],
features: [
"All Standard features",
"Guided historical walking tour",
"Exclusive dining discount",
"VIP parking",
],
"All Standard features", "Guided historical walking tour", "Exclusive dining discount", "VIP parking"],
},
{
id: "events",
badge: "Custom",
badgeIcon: CalendarCheck,
price: "Request Quote",
name: "Special Event Inquiry",
buttons: [
id: "events", badge: "Custom", badgeIcon: CalendarCheck,
price: "Request Quote", name: "Special Event Inquiry", buttons: [
{
text: "Inquire Now",
href: "#contact",
},
text: "Inquire Now", href: "#contact"},
],
features: [
"Dedicated event planner",
"Access to multiple venues",
"Customizable catering options",
"Marketing support",
],
"Dedicated event planner", "Access to multiple venues", "Customizable catering options", "Marketing support"],
},
]}
title="Plan Your Visit & Events with Our Flexible Packages"
@@ -380,25 +233,15 @@ export default function LandingPage() {
author="The Johnson Family, Visitors from Toronto"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-senior-couple_329181-14736.jpg",
alt: "The Johnson Family",
},
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-senior-couple_329181-14736.jpg", alt: "The Johnson Family"},
{
src: "http://img.b2bpic.net/free-photo/young-couple-hipster-indie-style-love-walking-countryside_285396-1362.jpg",
alt: "Happy Visitors",
},
src: "http://img.b2bpic.net/free-photo/young-couple-hipster-indie-style-love-walking-countryside_285396-1362.jpg", alt: "Happy Visitors"},
{
src: "http://img.b2bpic.net/free-photo/close-up-cheerful-manager-sunny-day_1139-417.jpg",
alt: "Event Coordinator",
},
src: "http://img.b2bpic.net/free-photo/close-up-cheerful-manager-sunny-day_1139-417.jpg", alt: "Event Coordinator"},
{
src: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-looking-camera-posing_176420-3837.jpg",
alt: "Local Historian",
},
src: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-looking-camera-posing_176420-3837.jpg", alt: "Local Historian"},
{
src: "http://img.b2bpic.net/free-photo/cheerful-woman-bridge_23-2147814042.jpg",
alt: "Adventure Traveler",
},
src: "http://img.b2bpic.net/free-photo/cheerful-woman-bridge_23-2147814042.jpg", alt: "Adventure Traveler"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -410,38 +253,21 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Where can I find parking?",
content: "Ample parking is available in designated lots near the pier entrance. Signage will direct you to the closest available spots, including accessible parking. Visit our 'Plan Your Visit' section for a detailed map.",
},
id: "q1", title: "Where can I find parking?", content: "Ample parking is available in designated lots near the pier entrance. Signage will direct you to the closest available spots, including accessible parking. Visit our 'Plan Your Visit' section for a detailed map."},
{
id: "q2",
title: "Are there accessible amenities?",
content: "Yes, Port Dalhousie East Pier is committed to accessibility. We offer wheelchair-friendly pathways, accessible washrooms, and designated viewing areas. Our virtual tour also highlights accessible routes.",
},
id: "q2", title: "Are there accessible amenities?", content: "Yes, Port Dalhousie East Pier is committed to accessibility. We offer wheelchair-friendly pathways, accessible washrooms, and designated viewing areas. Our virtual tour also highlights accessible routes."},
{
id: "q3",
title: "Can I book a private event?",
content: "Absolutely! We have several unique venues suitable for private events, from intimate gatherings to large corporate functions. Please visit our 'Event Venues' section or contact us directly to discuss your needs.",
},
id: "q3", title: "Can I book a private event?", content: "Absolutely! We have several unique venues suitable for private events, from intimate gatherings to large corporate functions. Please visit our 'Event Venues' section or contact us directly to discuss your needs."},
{
id: "q4",
title: "What dining options are available?",
content: "The pier boasts a variety of dining experiences, from casual cafes to fine dining restaurants, all offering stunning waterfront views. Cuisine types range from local specialties to international flavors.",
},
id: "q4", title: "What dining options are available?", content: "The pier boasts a variety of dining experiences, from casual cafes to fine dining restaurants, all offering stunning waterfront views. Cuisine types range from local specialties to international flavors."},
{
id: "q5",
title: "Are pets allowed on the pier?",
content: "Leashed pets are welcome in most outdoor areas of the pier. Please be mindful of other visitors and clean up after your pet. Certain indoor venues and dining areas may have restrictions.",
},
id: "q5", title: "Are pets allowed on the pier?", content: "Leashed pets are welcome in most outdoor areas of the pier. Please be mindful of other visitors and clean up after your pet. Certain indoor venues and dining areas may have restrictions."},
]}
sideTitle="Your Questions, Answered"
sideDescription="Find answers to the most common questions about visiting and enjoying Port Dalhousie East Pier. We're here to make your experience as smooth as possible."
buttons={[
{
text: "View All FAQs",
href: "#",
},
text: "View All FAQs", href: "#"},
]}
faqsAnimation="slide-up"
textPosition="left"
@@ -453,18 +279,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
text="Ready to plan your unforgettable visit or inquire about hosting an event? Reach out to our team today for personalized assistance and detailed information."
buttons={[
{
text: "Get in Touch",
href: "#",
},
text: "Get in Touch", href: "#"},
{
text: "Event Inquiry",
href: "#",
},
text: "Event Inquiry", href: "#"},
]}
/>
</div>
@@ -473,66 +294,39 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Explore",
items: [
title: "Explore", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Experiences",
href: "#features",
},
label: "Experiences", href: "#features"},
{
label: "Virtual Tour",
href: "#hero",
},
label: "Virtual Tour", href: "#hero"},
{
label: "Photo Gallery",
href: "#",
},
label: "Photo Gallery", href: "#"},
],
},
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Event Venues",
href: "#products",
},
label: "Event Venues", href: "#products"},
{
label: "Booking & Packages",
href: "#pricing",
},
label: "Booking & Packages", href: "#pricing"},
{
label: "Dining Options",
href: "#features",
},
label: "Dining Options", href: "#features"},
{
label: "Accessibility Info",
href: "#faq",
},
label: "Accessibility Info", href: "#faq"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "FAQs",
href: "#faq",
},
label: "FAQs", href: "#faq"},
{
label: "Social Media",
href: "#",
},
label: "Social Media", href: "#"},
{
label: "Press",
href: "#",
},
label: "Press", href: "#"},
],
},
]}