From 59b246d2eccc01923720a89bd47d4cfd59031141 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 3 Jun 2026 09:04:42 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 325 +++++++++++------------------------------------ 1 file changed, 74 insertions(+), 251 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 44ac3a1..f2e3f03 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -12,7 +12,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp import PricingCardOne from '@/components/sections/pricing/PricingCardOne'; import ProductCardOne from '@/components/sections/product/ProductCardOne'; import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen'; -import { Compass, Crown, Fish, Mountain, Sparkles, Waves } from "lucide-react"; +import { Compass, Crown, Fish, Mountain, Sparkles, Waves, Ship, Palmtree, Anchor, Sailboat, Tent, Orange } from "lucide-react"; export default function LandingPage() { return ( @@ -33,25 +33,15 @@ export default function LandingPage() { @@ -63,15 +53,11 @@ export default function LandingPage() { description="Discover the magic of the Sorrento Coast with our exclusive boat tours. Embark on an unforgettable journey from Marina Piccola." buttons={[ { - text: "Book Your Tour", - href: "#contact", - }, + text: "Book Your Tour", href: "#contact"}, { - text: "Learn More", - href: "#tour-highlights", - }, + text: "Learn More", href: "#tour-highlights"}, ]} - imageSrc="http://img.b2bpic.net/free-photo/young-woman-relaxing-near-sea_23-2147893887.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/young-woman-relaxing-near-sea_23-2147893887.jpg" imageAlt="Boat tour on the clear blue Sorrento Coast" showDimOverlay={true} /> @@ -84,19 +70,13 @@ export default function LandingPage() { description="Our boat tour takes you through the most breathtaking spots on the coast. From the ancient Baths of Queen Giovanna, a natural pool framed by an enormous cliff, to the crystalline waters of Baia di Puolo with its charming fisherman's village and a view of Mount Vesuvius, every moment is designed for wonder." metrics={[ { - value: "4+", - title: "Hours of Exploration", - }, + value: "4+", title: "Hours of Exploration"}, { - value: "5+", - title: "Key Destinations", - }, + value: "5+", title: "Key Destinations"}, { - value: "99%", - title: "Customer Satisfaction", - }, + value: "99%", title: "Customer Satisfaction"}, ]} - imageSrc="http://img.b2bpic.net/free-photo/beautiful-shot-rock-formations-near-sea_181624-7600.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/beautiful-shot-rock-formations-near-sea_181624-7600.jpg" imageAlt="The natural pool of Bagni della Regina Giovanna, Sorrento" mediaAnimation="slide-up" metricsAnimation="slide-up" @@ -110,105 +90,69 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Bagni della Regina Giovanna", - description: "Explore one of Sorrento's most enchanting spots. Swim in a natural pool accessed via a rock arch, surrounded by dramatic cliffs and ancient Roman ruins.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/natural-landscape_8327-95.jpg", - imageAlt: "Bagni della Regina Giovanna", - }, + title: "Bagni della Regina Giovanna", description: "Explore one of Sorrento's most enchanting spots. Swim in a natural pool accessed via a rock arch, surrounded by dramatic cliffs and ancient Roman ruins.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/natural-landscape_8327-95.jpg", imageAlt: "Bagni della Regina Giovanna"}, items: [ { icon: Ship, - text: "Unique natural pool", - }, + text: "Unique natural pool"}, { icon: Waves, - text: "Accessible by sea", - }, + text: "Accessible by sea"}, { icon: Palmtree, - text: "Historical significance", - }, + text: "Historical significance"}, ], - reverse: false, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EcU48FGWEH0KApua1LrofvmrQk/uploaded-1780477360418-oq9sbwo9.jpg", - imageAlt: "bagni della regina giovanna natural pool", + reverse: false }, { - title: "Baia di Puolo & Vesuvio Views", - description: "Arrive at Baia di Puolo, known for its crystal-clear waters, pebble and sand beach, and picturesque fisherman's houses. Enjoy a stunning panorama of Mount Vesuvius.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/grotta-della-poesia-puglia_268835-15341.jpg", - imageAlt: "Baia di Puolo with Mount Vesuvius in background", - }, + title: "Baia di Puolo & Vesuvio Views", description: "Arrive at Baia di Puolo, known for its crystal-clear waters, pebble and sand beach, and picturesque fisherman's houses. Enjoy a stunning panorama of Mount Vesuvius.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/grotta-della-poesia-puglia_268835-15341.jpg", imageAlt: "Baia di Puolo with Mount Vesuvius in background"}, items: [ { icon: Anchor, - text: "Crystalline waters", - }, + text: "Crystalline waters"}, { icon: Sailboat, - text: "Panoramic Vesuvius views", - }, + text: "Panoramic Vesuvius views"}, { icon: Fish, - text: "Charming fishing village", - }, + text: "Charming fishing village"}, ], - reverse: true, - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-near-sea_23-2147893887.jpg?_wi=2", - imageAlt: "bagni della regina giovanna natural pool", + reverse: true }, { - title: "Massa Lubrense & Capo Corbo", - description: "Admire Massa Lubrense, stretching towards Capri, bathed by the Gulfs of Naples and Salerno. Pass by Capo Corbo and its small, captivating natural waterfall, a truly unique sight.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-sea-waves-seashore-daytime_181624-21341.jpg", - imageAlt: "Massa Lubrense coastline", - }, + title: "Massa Lubrense & Capo Corbo", description: "Admire Massa Lubrense, stretching towards Capri, bathed by the Gulfs of Naples and Salerno. Pass by Capo Corbo and its small, captivating natural waterfall, a truly unique sight.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-sea-waves-seashore-daytime_181624-21341.jpg", imageAlt: "Massa Lubrense coastline"}, items: [ { icon: Compass, - text: "Unique coastal views", - }, + text: "Unique coastal views"}, { icon: Tent, - text: "Natural waterfall", - }, + text: "Natural waterfall"}, { icon: Mountain, - text: "Capri island proximity", - }, + text: "Capri island proximity"}, ], - reverse: false, - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-rock-formations-near-sea_181624-7600.jpg?_wi=2", - imageAlt: "bagni della regina giovanna natural pool", + reverse: false }, { - title: "Fiordo delle Sirene Swim Stop", - description: "Enjoy a delightful swim stop in the crystalline waters of the Fiordo delle Sirene. Be rocked by the gentle waves as you discover a true paradise, where you can spot citrus groves and, if the wind is right, even smell their delightful fragrance.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-green-covered-slope-tropical-beach_181624-22708.jpg", - imageAlt: "Fiordo delle Sirene for swimming", - }, + title: "Fiordo delle Sirene Swim Stop", description: "Enjoy a delightful swim stop in the crystalline waters of the Fiordo delle Sirene. Be rocked by the gentle waves as you discover a true paradise, where you can spot citrus groves and, if the wind is right, even smell their delightful fragrance.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-green-covered-slope-tropical-beach_181624-22708.jpg", imageAlt: "Fiordo delle Sirene for swimming"}, items: [ { icon: Waves, - text: "Pleasant swim stop", - }, + text: "Pleasant swim stop"}, { icon: Orange, - text: "Citrus scent in air", - }, + text: "Citrus scent in air"}, { icon: Anchor, - text: "True coastal paradise", - }, + text: "True coastal paradise"}, ], - reverse: true, - imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-vacation-europe-by-sea-cruise-taking-pictures-camera_285396-7744.jpg", - imageAlt: "bagni della regina giovanna natural pool", - }, + reverse: true + } ]} title="Highlights of Your Coastal Journey" description="Set sail with us and discover the breathtaking beauty of the Sorrento and Massa Lubrense coastlines, each stop offering a unique charm." @@ -223,47 +167,17 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "english-skipper", - name: "English-Speaking Skipper", - price: "Included", - imageSrc: "http://img.b2bpic.net/free-photo/senior-greyhaired-man-standing-backwards-boat_839833-35226.jpg", - imageAlt: "English-speaking skipper", - }, + id: "english-skipper", name: "English-Speaking Skipper", price: "Included", imageSrc: "http://img.b2bpic.net/free-photo/senior-greyhaired-man-standing-backwards-boat_839833-35226.jpg", imageAlt: "English-speaking skipper"}, { - id: "welcome-drink", - name: "Welcome on Board Drink", - price: "Included", - imageSrc: "http://img.b2bpic.net/free-photo/two-young-people-love-having-lunch-drinking-champagne-while-sitting-floor-yacht-discussing-something-close-friends-talk-about-most-awful-dates-they-had_176420-15422.jpg", - imageAlt: "Welcome drink on boat", - }, + id: "welcome-drink", name: "Welcome on Board Drink", price: "Included", imageSrc: "http://img.b2bpic.net/free-photo/two-young-people-love-having-lunch-drinking-champagne-while-sitting-floor-yacht-discussing-something-close-friends-talk-about-most-awful-dates-they-had_176420-15422.jpg", imageAlt: "Welcome drink on boat"}, { - id: "coastal-exploration", - name: "Coastal Exploration", - price: "Included", - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-admiring-breathtaking-view-while-standing-very-edge-mountain-top_231208-6505.jpg", - imageAlt: "Coastal exploration", - }, + id: "coastal-exploration", name: "Coastal Exploration", price: "Included", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-admiring-breathtaking-view-while-standing-very-edge-mountain-top_231208-6505.jpg", imageAlt: "Coastal exploration"}, { - id: "swimming-stops", - name: "Swim Stops", - price: "Included", - imageSrc: "http://img.b2bpic.net/free-photo/active-young-lady-enjoying-swimming_23-2148699950.jpg", - imageAlt: "Swimming in clear water", - }, + id: "swimming-stops", name: "Swim Stops", price: "Included", imageSrc: "http://img.b2bpic.net/free-photo/active-young-lady-enjoying-swimming_23-2148699950.jpg", imageAlt: "Swimming in clear water"}, { - id: "natural-waterfall", - name: "Natural Waterfall Visit", - price: "Included", - imageSrc: "http://img.b2bpic.net/free-photo/natural-arch-surrounded-by-sea-sunlight-daytime-comino-malta_181624-17920.jpg", - imageAlt: "Natural waterfall at Capo Corbo", - }, + id: "natural-waterfall", name: "Natural Waterfall Visit", price: "Included", imageSrc: "http://img.b2bpic.net/free-photo/natural-arch-surrounded-by-sea-sunlight-daytime-comino-malta_181624-17920.jpg", imageAlt: "Natural waterfall at Capo Corbo"}, { - id: "citrus-scent", - name: "Citrus Grove Scents", - price: "Included", - imageSrc: "http://img.b2bpic.net/free-photo/sea-with-boats-it-surrounded-by-hills-covered-greenery-sunlight_181624-11210.jpg", - imageAlt: "Citrus groves along the coast", - }, + id: "citrus-scent", name: "Citrus Grove Scents", price: "Included", imageSrc: "http://img.b2bpic.net/free-photo/sea-with-boats-it-surrounded-by-hills-covered-greenery-sunlight_181624-11210.jpg", imageAlt: "Citrus groves along the coast"}, ]} title="Your Sorrento Boat Tour Features" description="Every detail of your 'Visit Costiera' tour is crafted for comfort, discovery, and an authentic Italian experience." @@ -276,50 +190,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - title: "Absolutely Breathtaking!", - quote: "The Visit Costiera boat tour was the highlight of our trip to Italy! Every stop was beautiful, especially the swim at Fiordo delle Sirene. Our skipper was fantastic and made the experience truly special.", - name: "Sarah Johnson", - role: "Tourist from USA", - imageSrc: "http://img.b2bpic.net/free-photo/brunette-curly-woman-beige-dress-straw-hat-smiles-sincerely-takes-selfie-outside-old-greek-city-happy-lady-stylish-outfit-boater-holds-phone-sea-background_197531-30073.jpg", - imageAlt: "Sarah Johnson", - }, + id: "1", title: "Absolutely Breathtaking!", quote: "The Visit Costiera boat tour was the highlight of our trip to Italy! Every stop was beautiful, especially the swim at Fiordo delle Sirene. Our skipper was fantastic and made the experience truly special.", name: "Sarah Johnson", role: "Tourist from USA", imageSrc: "http://img.b2bpic.net/free-photo/brunette-curly-woman-beige-dress-straw-hat-smiles-sincerely-takes-selfie-outside-old-greek-city-happy-lady-stylish-outfit-boater-holds-phone-sea-background_197531-30073.jpg", imageAlt: "Sarah Johnson"}, { - id: "2", - title: "A Must-Do in Sorrento", - quote: "We loved every minute! The water was incredibly clear, and seeing Bagni della Regina Giovanna from the sea was a unique perspective. Professional and friendly staff, highly recommend!", - name: "Michael Chen", - role: "Travel Blogger", - imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-couple-traveling-summer-bicycles-man-woman-with-blond-hair-boho-hipster-style-fashion-having-fun-together_285396-9018.jpg", - imageAlt: "Michael Chen", - }, + id: "2", title: "A Must-Do in Sorrento", quote: "We loved every minute! The water was incredibly clear, and seeing Bagni della Regina Giovanna from the sea was a unique perspective. Professional and friendly staff, highly recommend!", name: "Michael Chen", role: "Travel Blogger", imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-couple-traveling-summer-bicycles-man-woman-with-blond-hair-boho-hipster-style-fashion-having-fun-together_285396-9018.jpg", imageAlt: "Michael Chen"}, { - id: "3", - title: "Perfect Coastal Escape", - quote: "The tour was well-organized and truly enchanting. We enjoyed the picturesque views of Massa Lubrense and the refreshing swim stops. A perfect way to spend a day on the Sorrento Coast!", - name: "Emily Rodriguez", - role: "Adventure Seeker", - imageSrc: "http://img.b2bpic.net/free-photo/sailing-boats-yachts-pier-stockholm-front-city-center_72229-284.jpg", - imageAlt: "Emily Rodriguez", - }, + id: "3", title: "Perfect Coastal Escape", quote: "The tour was well-organized and truly enchanting. We enjoyed the picturesque views of Massa Lubrense and the refreshing swim stops. A perfect way to spend a day on the Sorrento Coast!", name: "Emily Rodriguez", role: "Adventure Seeker", imageSrc: "http://img.b2bpic.net/free-photo/sailing-boats-yachts-pier-stockholm-front-city-center_72229-284.jpg", imageAlt: "Emily Rodriguez"}, { - id: "4", - title: "Beyond Expectations", - quote: "From the warm welcome to the stunning destinations, Visit Costiera exceeded all our expectations. The skipper's local knowledge added so much to the experience. We'll be back!", - name: "David Kim", - role: "Retired Traveler", - imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-sitting-outdoors_23-2149901701.jpg", - imageAlt: "David Kim", - }, + id: "4", title: "Beyond Expectations", quote: "From the warm welcome to the stunning destinations, Visit Costiera exceeded all our expectations. The skipper's local knowledge added so much to the experience. We'll be back!", name: "David Kim", role: "Retired Traveler", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-woman-sitting-outdoors_23-2149901701.jpg", imageAlt: "David Kim"}, { - id: "5", - title: "Unforgettable Day!", - quote: "The best boat tour we've ever taken! The views were spectacular, and the chance to smell the citrus groves was magical. Thank you for an unforgettable day on the water!", - name: "Jessica Lee", - role: "Happy Customer", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-pleasant-looking-female-best-friends-have-summer-party-drink-fresh-cold-cocktails-adorable-lesbians-clink-glasses-drink-celebrate-starting-vacation_273609-2948.jpg", - imageAlt: "Jessica Lee", - }, + id: "5", title: "Unforgettable Day!", quote: "The best boat tour we've ever taken! The views were spectacular, and the chance to smell the citrus groves was magical. Thank you for an unforgettable day on the water!", name: "Jessica Lee", role: "Happy Customer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-pleasant-looking-female-best-friends-have-summer-party-drink-fresh-cold-cocktails-adorable-lesbians-clink-glasses-drink-celebrate-starting-vacation_273609-2948.jpg", imageAlt: "Jessica Lee"}, ]} title="Our Guests' Unforgettable Memories" description="Hear directly from those who have experienced the magic of the Sorrento Coast with Visit Costiera." @@ -333,32 +212,14 @@ export default function LandingPage() { useInvertedBackground={true} plans={[ { - id: "standard-tour", - badge: "Popular", - badgeIcon: Sparkles, - price: "€45", - subtitle: "Per person + €5 embarkation tax", - features: [ - "4+ Hours Boat Tour", - "English-Speaking Skipper", - "Welcome Drink on Board", - "Multiple Swim Stops", - "Coastal Sightseeing", - ], + id: "standard-tour", badge: "Popular", badgeIcon: Sparkles, + price: "€45", subtitle: "Per person + €5 embarkation tax", features: [ + "4+ Hours Boat Tour", "English-Speaking Skipper", "Welcome Drink on Board", "Multiple Swim Stops", "Coastal Sightseeing"], }, { - id: "private-tour", - badge: "Exclusive", - badgeIcon: Crown, - price: "Contact Us", - subtitle: "For a personalized experience", - features: [ - "Customizable Itinerary", - "Dedicated Private Boat", - "Flexible Departure Times", - "Perfect for Special Occasions", - "Luxury Amenities", - ], + id: "private-tour", badge: "Exclusive", badgeIcon: Crown, + price: "Contact Us", subtitle: "For a personalized experience", features: [ + "Customizable Itinerary", "Dedicated Private Boat", "Flexible Departure Times", "Perfect for Special Occasions", "Luxury Amenities"], }, ]} title="Simple & Transparent Pricing" @@ -372,25 +233,13 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "q1", - title: "What is included in the tour price?", - content: "The standard tour price includes the boat trip, an English-speaking skipper, a welcome drink, and stops for swimming at various locations. An additional €5 embarkation/disembarkation tax is required per person.", - }, + id: "q1", title: "What is included in the tour price?", content: "The standard tour price includes the boat trip, an English-speaking skipper, a welcome drink, and stops for swimming at various locations. An additional €5 embarkation/disembarkation tax is required per person."}, { - id: "q2", - title: "What should I bring on the tour?", - content: "We recommend bringing sunscreen, a hat, sunglasses, a towel, swimwear, and a camera to capture the beautiful scenery. Light snacks and water are also advisable.", - }, + id: "q2", title: "What should I bring on the tour?", content: "We recommend bringing sunscreen, a hat, sunglasses, a towel, swimwear, and a camera to capture the beautiful scenery. Light snacks and water are also advisable."}, { - id: "q3", - title: "Is the tour suitable for children?", - content: "Yes, our tours are family-friendly and suitable for children of all ages. We prioritize safety and ensure a comfortable experience for everyone on board.", - }, + id: "q3", title: "Is the tour suitable for children?", content: "Yes, our tours are family-friendly and suitable for children of all ages. We prioritize safety and ensure a comfortable experience for everyone on board."}, { - id: "q4", - title: "What if the weather is bad?", - content: "In case of adverse weather conditions, the tour may be rescheduled or cancelled for your safety. We will notify you as soon as possible and offer alternative dates or a full refund.", - }, + id: "q4", title: "What if the weather is bad?", content: "In case of adverse weather conditions, the tour may be rescheduled or cancelled for your safety. We will notify you as soon as possible and offer alternative dates or a full refund."}, ]} imageSrc="http://img.b2bpic.net/free-photo/aerial-shot-landscape-with-buildings-coast-sea-italy_181624-18996.jpg" imageAlt="View of Sorrento coastline from a boat" @@ -405,20 +254,15 @@ export default function LandingPage() { @@ -427,54 +271,33 @@ export default function LandingPage() {