Merge version_2_1781699485953 into main
Merge version_2_1781699485953 into main
This commit was merged in pull request #2.
This commit is contained in:
@@ -80,6 +80,10 @@ export default function Layout() {
|
||||
label: "Help",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "72 240 400",
|
||||
href: "tel:72240400",
|
||||
}
|
||||
],
|
||||
},
|
||||
{
|
||||
|
||||
@@ -1,290 +1,36 @@
|
||||
import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
|
||||
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
|
||||
import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
|
||||
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
|
||||
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
// AUTO-GENERATED shell by per-section-migrate.
|
||||
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
|
||||
// files directly. Non-block content (wrappers, non-inlinable sections) is
|
||||
// preserved inline; extracted section blocks become <XSection/> refs.
|
||||
|
||||
export default function HomePage() {
|
||||
import React from 'react';
|
||||
import HeroSection from './HomePage/sections/Hero';
|
||||
import AboutSection from './HomePage/sections/About';
|
||||
import FeaturesSection from './HomePage/sections/Features';
|
||||
import ProductSection from './HomePage/sections/Product';
|
||||
import MetricsSection from './HomePage/sections/Metrics';
|
||||
import TestimonialSection from './HomePage/sections/Testimonial';
|
||||
import FaqSection from './HomePage/sections/Faq';
|
||||
import ContactSection from './HomePage/sections/Contact';
|
||||
|
||||
export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplitVerticalMarquee
|
||||
tag="4-Star Beachfront Luxury"
|
||||
title="Iberostar Waves Averroes, Hammamet"
|
||||
description="Experience unparalleled relaxation on the shores of Yasmine Hammamet. From sunset views to premium service, your Mediterranean escape begins here."
|
||||
primaryButton={{
|
||||
text: "Check Availability",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
}}
|
||||
leftItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-embankment-walking-sport-amara-dolce-vita-luxury-hotel-alanya-turkey_146671-18747.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/landscape-resort-holiday-pool-tropical_1203-5202.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pool_1203-3235.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-slim-girl-bikini-relaxing-deck-chair-wellness-spa-hotel-resort-near-table-is-glass-orange-juice_639032-2700.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-floral-dress-looks-into-camera-outside-brunette-lady-summer-outfit-holds-boater-moves-sea-background_197531-29976.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-cute-couple-wearing-linen-clothing_23-2150695676.jpg",
|
||||
},
|
||||
]}
|
||||
rightItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-woman-portrait_1296-672.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-resort_1150-10730.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stair-pool_1203-3694.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-camera-beside-travelling-souvenir_23-2148109179.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-swimsuit-lying-sunbed-palm-trees_651396-433.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/landscape-view-leisure-relaxation-summer_1203-4898.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<>
|
||||
<HeroSection />
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTestimonial
|
||||
tag="Our Story"
|
||||
quote="A perfectly situated oasis on the Gulf of Hammamet, where every detail caters to your ultimate comfort and relaxation."
|
||||
author="The Iberostar Team"
|
||||
role="Concierge Management"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elderly-guest-arrives-hotel-lobby_482257-81592.jpg?_wi=1"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<AboutSection />
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesDetailedSteps
|
||||
tag="Why Stay With Us"
|
||||
title="Experience Exceptional Service"
|
||||
description="Our hotel offers a curated experience, blending authentic hospitality with modern resort luxuries."
|
||||
steps={[
|
||||
{
|
||||
tag: "Relax",
|
||||
title: "Beachfront Access",
|
||||
subtitle: "Direct access to the Gulf",
|
||||
description: "Step out of your room onto the pristine sands of Hammamet beach.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pool_1203-3738.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Unwind",
|
||||
title: "Wellness Oasis",
|
||||
subtitle: "Luxury spa treatments",
|
||||
description: "Rejuvenate your mind and body with our comprehensive spa and therapy menu.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-beach-with-copy-space_23-2148739286.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Discover",
|
||||
title: "Local Culture",
|
||||
subtitle: "Near Carthageland",
|
||||
description: "Just minutes away from local excitement and vibrant cultural landmarks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/umbrellas-seen-from_1203-217.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FeaturesSection />
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<SectionErrorBoundary name="product">
|
||||
<FeaturesImageBento
|
||||
tag="Accommodations"
|
||||
title="Stay in Elegance"
|
||||
description="Choose from our range of comfortable, spacious suites designed for maximum tranquility."
|
||||
items={[
|
||||
{
|
||||
title: "Standard Sea View",
|
||||
description: "Cozy room with direct ocean views.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed-decoration-bedroom_1339-7409.jpg",
|
||||
},
|
||||
{
|
||||
title: "Family Suite",
|
||||
description: "Spacious accommodation for all.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-meeting-lounge_105762-2045.jpg",
|
||||
},
|
||||
{
|
||||
title: "Deluxe Balcony",
|
||||
description: "Private space for sunrise views.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118971.jpg",
|
||||
},
|
||||
{
|
||||
title: "Royal Suite",
|
||||
description: "The peak of luxury comfort.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shot-panoramic-composition-bedroom_23-2150315640.jpg",
|
||||
},
|
||||
{
|
||||
title: "Garden View",
|
||||
description: "Relax in serene lush surroundings.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-calm-happy-caucasian-fit-slim-woman-crop-cami-top-pants-set-alone-rocky-tropical-beach-sunset_343596-725.jpg",
|
||||
},
|
||||
{
|
||||
title: "Studio Comfort",
|
||||
description: "Minimalist design for work and play.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-living-room-with-comfortable-sofa-generated-by-ai_188544-18444.jpg",
|
||||
},
|
||||
{
|
||||
title: "Premium King Suite",
|
||||
description: "Ultimate sleeping experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-living-room_1150-12613.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ProductSection />
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsFeatureCards
|
||||
tag="Hotel Stats"
|
||||
title="Our Hospitality Excellence"
|
||||
description="Consistently rated highly by our thousands of guests worldwide."
|
||||
metrics={[
|
||||
{
|
||||
value: "4.8",
|
||||
title: "Average Rating",
|
||||
features: [
|
||||
"10,620 Verified Reviews",
|
||||
"High Satisfaction Rate",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "4",
|
||||
title: "Hotel Stars",
|
||||
features: [
|
||||
"Luxury Amenities",
|
||||
"Elite Standards",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "13m",
|
||||
title: "Walk to Park",
|
||||
features: [
|
||||
"Proximity to Carthageland",
|
||||
"Easy Access",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<MetricsSection />
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<SectionErrorBoundary name="testimonial">
|
||||
<TestimonialRatingCards
|
||||
tag="Guest Voices"
|
||||
title="Memorable Experiences"
|
||||
description="What our guests love most about their stay with us."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice M.",
|
||||
role: "Traveler",
|
||||
quote: "Absolutely stunning views and wonderful service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",
|
||||
},
|
||||
{
|
||||
name: "John D.",
|
||||
role: "Tourist",
|
||||
quote: "The beach access is unbeatable. Will definitely return.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-lifestyle-portrait-young-beautiful-couple-love-posing-having-fun-pretty-stone-beach-soft-toned-colors_291049-505.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah P.",
|
||||
role: "Family Guest",
|
||||
quote: "Perfect for families. Everything was handled with care.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-four-enjoying-day-swimming-pool-together_23-2149025464.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mark L.",
|
||||
role: "Business Traveler",
|
||||
quote: "Professional, clean, and extremely accommodating.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-sitting-caf-reading-newspaper_23-2147974650.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena V.",
|
||||
role: "Traveler",
|
||||
quote: "A hidden gem in Hammamet. Truly relaxing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-enjoying-her-vacation_23-2148631363.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<TestimonialSection />
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Help Center"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to your questions about our services and booking process."
|
||||
items={[
|
||||
{
|
||||
question: "What are the check-in and check-out times?",
|
||||
answer: "Check-in is at 3:00 PM and check-out is at 12:00 PM.",
|
||||
},
|
||||
{
|
||||
question: "Are breakfast and Wi-Fi included?",
|
||||
answer: "Many of our packages include complimentary breakfast and high-speed Wi-Fi.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer free cancellation?",
|
||||
answer: "Yes, we offer flexible cancellation policies on select booking options.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/retired-man-travelling-vacation_482257-76468.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FaqSection />
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Book Your Stay"
|
||||
text="Ready to experience your Mediterranean dream? Contact us or check availability online today."
|
||||
primaryButton={{
|
||||
text: "Check Availability",
|
||||
href: "https://iberostar.com",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Call Concierge",
|
||||
href: "tel:+21672240400",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ContactSection />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
22
src/pages/HomePage/sections/About.tsx
Normal file
22
src/pages/HomePage/sections/About.tsx
Normal file
@@ -0,0 +1,22 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "about" section.
|
||||
|
||||
import React from 'react';
|
||||
import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function AboutSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTestimonial
|
||||
tag="Our Story"
|
||||
quote="A perfectly situated oasis on the Gulf of Hammamet, where every detail caters to your ultimate comfort and relaxation."
|
||||
author="The Iberostar Team"
|
||||
role="Concierge Management"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elderly-guest-arrives-hotel-lobby_482257-81592.jpg?_wi=1"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
27
src/pages/HomePage/sections/Contact.tsx
Normal file
27
src/pages/HomePage/sections/Contact.tsx
Normal file
@@ -0,0 +1,27 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "contact" section.
|
||||
|
||||
import React from 'react';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ContactSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Book Your Stay"
|
||||
text="Ready to experience your Mediterranean dream? Contact us or check availability online today."
|
||||
primaryButton={{
|
||||
text: "Check Availability",
|
||||
href: "https://iberostar.com",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Call Concierge",
|
||||
href: "tel:+21672240400",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
35
src/pages/HomePage/sections/Faq.tsx
Normal file
35
src/pages/HomePage/sections/Faq.tsx
Normal file
@@ -0,0 +1,35 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "faq" section.
|
||||
|
||||
import React from 'react';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FaqSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Help Center"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to your questions about our services and booking process."
|
||||
items={[
|
||||
{
|
||||
question: "What are the check-in and check-out times?",
|
||||
answer: "Check-in is at 3:00 PM and check-out is at 12:00 PM.",
|
||||
},
|
||||
{
|
||||
question: "Are breakfast and Wi-Fi included?",
|
||||
answer: "Many of our packages include complimentary breakfast and high-speed Wi-Fi.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer free cancellation?",
|
||||
answer: "Yes, we offer flexible cancellation policies on select booking options.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/retired-man-travelling-vacation_482257-76468.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
43
src/pages/HomePage/sections/Features.tsx
Normal file
43
src/pages/HomePage/sections/Features.tsx
Normal file
@@ -0,0 +1,43 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "features" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FeaturesSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesDetailedSteps
|
||||
tag="Why Stay With Us"
|
||||
title="Experience Exceptional Service"
|
||||
description="Our hotel offers a curated experience, blending authentic hospitality with modern resort luxuries."
|
||||
steps={[
|
||||
{
|
||||
tag: "Relax",
|
||||
title: "Beachfront Access",
|
||||
subtitle: "Direct access to the Gulf",
|
||||
description: "Step out of your room onto the pristine sands of Hammamet beach.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pool_1203-3738.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Unwind",
|
||||
title: "Wellness Oasis",
|
||||
subtitle: "Luxury spa treatments",
|
||||
description: "Rejuvenate your mind and body with our comprehensive spa and therapy menu.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-beach-with-copy-space_23-2148739286.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Discover",
|
||||
title: "Local Culture",
|
||||
subtitle: "Near Carthageland",
|
||||
description: "Just minutes away from local excitement and vibrant cultural landmarks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/umbrellas-seen-from_1203-217.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
68
src/pages/HomePage/sections/Hero.tsx
Normal file
68
src/pages/HomePage/sections/Hero.tsx
Normal file
@@ -0,0 +1,68 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "hero" section.
|
||||
|
||||
import React from 'react';
|
||||
import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HeroSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplitVerticalMarquee
|
||||
tag="4-Star Beachfront Luxury"
|
||||
title="Iberostar Waves Averroes, Hammamet"
|
||||
description="Experience unparalleled relaxation on the shores of Yasmine Hammamet. From sunset views to premium service, your Mediterranean escape begins here."
|
||||
primaryButton={{
|
||||
text: "Check Availability",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
}}
|
||||
leftItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-embankment-walking-sport-amara-dolce-vita-luxury-hotel-alanya-turkey_146671-18747.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/landscape-resort-holiday-pool-tropical_1203-5202.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pool_1203-3235.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-slim-girl-bikini-relaxing-deck-chair-wellness-spa-hotel-resort-near-table-is-glass-orange-juice_639032-2700.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-floral-dress-looks-into-camera-outside-brunette-lady-summer-outfit-holds-boater-moves-sea-background_197531-29976.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-cute-couple-wearing-linen-clothing_23-2150695676.jpg",
|
||||
},
|
||||
]}
|
||||
rightItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-woman-portrait_1296-672.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-resort_1150-10730.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stair-pool_1203-3694.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-camera-beside-travelling-souvenir_23-2148109179.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-swimsuit-lying-sunbed-palm-trees_651396-433.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/landscape-view-leisure-relaxation-summer_1203-4898.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
46
src/pages/HomePage/sections/Metrics.tsx
Normal file
46
src/pages/HomePage/sections/Metrics.tsx
Normal file
@@ -0,0 +1,46 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "metrics" section.
|
||||
|
||||
import React from 'react';
|
||||
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function MetricsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsFeatureCards
|
||||
tag="Hotel Stats"
|
||||
title="Our Hospitality Excellence"
|
||||
description="Consistently rated highly by our thousands of guests worldwide."
|
||||
metrics={[
|
||||
{
|
||||
value: "4.8",
|
||||
title: "Average Rating",
|
||||
features: [
|
||||
"10,620 Verified Reviews",
|
||||
"High Satisfaction Rate",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "4",
|
||||
title: "Hotel Stars",
|
||||
features: [
|
||||
"Luxury Amenities",
|
||||
"Elite Standards",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "13m",
|
||||
title: "Walk to Park",
|
||||
features: [
|
||||
"Proximity to Carthageland",
|
||||
"Easy Access",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
57
src/pages/HomePage/sections/Product.tsx
Normal file
57
src/pages/HomePage/sections/Product.tsx
Normal file
@@ -0,0 +1,57 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "product" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ProductSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="product" data-section="product">
|
||||
<SectionErrorBoundary name="product">
|
||||
<FeaturesImageBento
|
||||
tag="Accommodations"
|
||||
title="Stay in Elegance"
|
||||
description="Choose from our range of comfortable, spacious suites designed for maximum tranquility."
|
||||
items={[
|
||||
{
|
||||
title: "Standard Sea View",
|
||||
description: "Cozy room with direct ocean views.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed-decoration-bedroom_1339-7409.jpg",
|
||||
},
|
||||
{
|
||||
title: "Family Suite",
|
||||
description: "Spacious accommodation for all.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-meeting-lounge_105762-2045.jpg",
|
||||
},
|
||||
{
|
||||
title: "Deluxe Balcony",
|
||||
description: "Private space for sunrise views.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118971.jpg",
|
||||
},
|
||||
{
|
||||
title: "Royal Suite",
|
||||
description: "The peak of luxury comfort.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shot-panoramic-composition-bedroom_23-2150315640.jpg",
|
||||
},
|
||||
{
|
||||
title: "Garden View",
|
||||
description: "Relax in serene lush surroundings.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-calm-happy-caucasian-fit-slim-woman-crop-cami-top-pants-set-alone-rocky-tropical-beach-sunset_343596-725.jpg",
|
||||
},
|
||||
{
|
||||
title: "Studio Comfort",
|
||||
description: "Minimalist design for work and play.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-living-room-with-comfortable-sofa-generated-by-ai_188544-18444.jpg",
|
||||
},
|
||||
{
|
||||
title: "Premium King Suite",
|
||||
description: "Ultimate sleeping experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-living-room_1150-12613.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
57
src/pages/HomePage/sections/Testimonial.tsx
Normal file
57
src/pages/HomePage/sections/Testimonial.tsx
Normal file
@@ -0,0 +1,57 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "testimonial" section.
|
||||
|
||||
import React from 'react';
|
||||
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function TestimonialSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<SectionErrorBoundary name="testimonial">
|
||||
<TestimonialRatingCards
|
||||
tag="Guest Voices"
|
||||
title="Memorable Experiences"
|
||||
description="What our guests love most about their stay with us."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice M.",
|
||||
role: "Traveler",
|
||||
quote: "Absolutely stunning views and wonderful service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",
|
||||
},
|
||||
{
|
||||
name: "John D.",
|
||||
role: "Tourist",
|
||||
quote: "The beach access is unbeatable. Will definitely return.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-lifestyle-portrait-young-beautiful-couple-love-posing-having-fun-pretty-stone-beach-soft-toned-colors_291049-505.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah P.",
|
||||
role: "Family Guest",
|
||||
quote: "Perfect for families. Everything was handled with care.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-four-enjoying-day-swimming-pool-together_23-2149025464.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mark L.",
|
||||
role: "Business Traveler",
|
||||
quote: "Professional, clean, and extremely accommodating.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-sitting-caf-reading-newspaper_23-2147974650.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena V.",
|
||||
role: "Traveler",
|
||||
quote: "A hidden gem in Hammamet. Truly relaxing.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-enjoying-her-vacation_23-2148631363.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user