Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-20 19:00:34 +00:00

View File

@@ -20,401 +20,171 @@ export default function LandingPage() {
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "home",
},
{
name: "About",
id: "about",
},
{
name: "Offers",
id: "products",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Norcenni Girasole"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Features", id: "features" },
{ name: "Accommodations", id: "products" },
{ name: "Pricing", id: "pricing" },
{ name: "Metrics", id: "metrics" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
brandName="Norcenni Girasole"
/>
</div>
<div id="home" data-section="home">
<HeroCentered
background={{
variant: "gradient-bars",
}}
title="Welcome to Norcenni Girasole Village"
description="Discover your perfect Tuscan retreat nestled in the heart of the countryside, offering luxury, comfort, and unforgettable memories for the whole family."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/couple-summer-concept-rocks-by-sea_23-2147828803.jpg",
alt: "Guest",
},
{
src: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-woman-trendy-summer-dress-sexy-carefree-woman-posing-street-background-hat-sunset-positive-model-laughing-outdoors-cheerful-happy_158538-26015.jpg",
alt: "Guest",
},
{
src: "http://img.b2bpic.net/free-photo/group-young-three-stylish-friends-street-man-two-cute-girls-dressed-casual-summer-clothes-smiling-models-having-fun-sunglasses-women-guy-making-photo-selfie-smartphone_158538-16217.jpg",
alt: "Guest",
},
{
src: "http://img.b2bpic.net/free-photo/i-think-we-ve-decided-which-tree-we-want_329181-3063.jpg",
alt: "Guest",
},
{
src: "http://img.b2bpic.net/free-photo/wedding-morning-luxury-woman-man-before-wedding-hotel-near-pool_624325-4204.jpg",
alt: "Guest",
},
]}
avatarText="Trusted by over 10,000+ happy families"
buttons={[
{
text: "Book Your Stay",
href: "#products",
},
]}
marqueeItems={[
{
type: "text-icon",
text: "Pools",
icon: Waves,
},
{
type: "text-icon",
text: "Nature",
icon: Star,
},
{
type: "text-icon",
text: "Dining",
icon: Utensils,
},
{
type: "text-icon",
text: "Family",
icon: Users,
},
{
type: "text-icon",
text: "Sun",
icon: Sun,
},
]}
/>
</div>
<div id="home" data-section="home">
<HeroCentered
background={{ variant: "gradient-bars" }}
title="Welcome to Norcenni Girasole Village"
description="Discover your perfect Tuscan retreat nestled in the heart of the countryside, offering luxury, comfort, and unforgettable memories for the whole family."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/couple-summer-concept-rocks-by-sea_23-2147828803.jpg", alt: "Guest" },
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-woman-trendy-summer-dress-sexy-carefree-woman-posing-street-background-hat-sunset-positive-model-laughing-outdoors-cheerful-happy_158538-26015.jpg", alt: "Guest" },
{ src: "http://img.b2bpic.net/free-photo/group-young-three-stylish-friends-street-man-two-cute-girls-dressed-casual-summer-clothes-smiling-models-having-fun-sunglasses-women-guy-making-photo-selfie-smartphone_158538-16217.jpg", alt: "Guest" },
{ src: "http://img.b2bpic.net/free-photo/i-think-we-ve-decided-which-tree-we-want_329181-3063.jpg", alt: "Guest" },
{ src: "http://img.b2bpic.net/free-photo/wedding-morning-luxury-woman-man-before-wedding-hotel-near-pool_624325-4204.jpg", alt: "Guest" }
]}
avatarText="Trusted by over 10,000+ happy families"
buttons={[{ text: "Book Your Stay", href: "#products" }]}
marqueeItems={[
{ type: "text-icon", text: "Pools", icon: Waves },
{ type: "text-icon", text: "Nature", icon: Star },
{ type: "text-icon", text: "Dining", icon: Utensils },
{ type: "text-icon", text: "Family", icon: Users },
{ type: "text-icon", text: "Sun", icon: Sun }
]}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Experience Tuscany"
title="A Home Away From Home"
description="Located in the beautiful hills of Tuscany, our village provides a unique blend of relaxation, adventure, and cultural immersion."
subdescription="Every detail is crafted for your perfect holiday, from our sparkling pools to our authentic dining experiences."
icon={Sun}
imageSrc="http://img.b2bpic.net/free-photo/zen-garden_1368-6288.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="Experience Tuscany"
title="A Home Away From Home"
description="Located in the beautiful hills of Tuscany, our village provides a unique blend of relaxation, adventure, and cultural immersion."
subdescription="Every detail is crafted for your perfect holiday, from our sparkling pools to our authentic dining experiences."
icon={Sun}
imageSrc="http://img.b2bpic.net/free-photo/zen-garden_1368-6288.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwelve
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
label: "Pools",
title: "Water Park Paradise",
items: [
"Lagoon Pools",
"Wave Pool",
"River Rides",
],
},
{
id: "f2",
label: "Dining",
title: "Authentic Cuisine",
items: [
"Tuscan Trattoria",
"Pizzeria",
"Gelateria",
],
},
{
id: "f3",
label: "Kids",
title: "Adventure for All",
items: [
"Kids Clubs",
"Sports Courts",
"Playgrounds",
],
},
{
id: "f4",
label: "Wellness",
title: "Total Relaxation",
items: [
"Spa Treatments",
"Sauna",
"Zen Gardens",
],
},
{
id: "f5",
label: "Sports",
title: "Stay Active",
items: [
"Tennis Courts",
"Football Pitch",
"Fitness Center",
],
},
]}
title="Our Village Amenities"
description="Everything you need for an unforgettable holiday."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwelve
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ id: "f1", label: "Pools", title: "Water Park Paradise", items: ["Lagoon Pools", "Wave Pool", "River Rides"] },
{ id: "f2", label: "Dining", title: "Authentic Cuisine", items: ["Tuscan Trattoria", "Pizzeria", "Gelateria"] },
{ id: "f3", label: "Kids", title: "Adventure for All", items: ["Kids Clubs", "Sports Courts", "Playgrounds"] },
{ id: "f4", label: "Wellness", title: "Total Relaxation", items: ["Spa Treatments", "Sauna", "Zen Gardens"] },
{ id: "f5", label: "Sports", title: "Stay Active", items: ["Tennis Courts", "Football Pitch", "Fitness Center"] }
]}
title="Our Village Amenities"
description="Everything you need for an unforgettable holiday."
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Family Villa",
price: "from €199",
variant: "Spacious",
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119016.jpg",
},
{
id: "p2",
name: "Deluxe Suite",
price: "from €249",
variant: "Premium",
imageSrc: "http://img.b2bpic.net/free-photo/friends-smiling-drinking-cocktails-lying-chaises-near-swimming-pool_176420-4060.jpg",
},
{
id: "p3",
name: "Garden Bungalow",
price: "from €149",
variant: "Cozy",
imageSrc: "http://img.b2bpic.net/free-photo/gardening-concept-with-watering-can-plants_23-2147687339.jpg",
},
{
id: "p4",
name: "Resort Apartment",
price: "from €179",
variant: "Modern",
imageSrc: "http://img.b2bpic.net/free-photo/medieval-street_1182-808.jpg",
},
{
id: "p5",
name: "Holiday Cottage",
price: "from €139",
variant: "Classic",
imageSrc: "http://img.b2bpic.net/free-photo/stones-natural-room-interior-design_23-2151890382.jpg",
},
{
id: "p6",
name: "Superior Villa",
price: "from €299",
variant: "Luxury",
imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929524.jpg",
},
]}
title="Our Accommodations"
description="Choose from a variety of beautifully designed villas and bungalows to suit your family needs."
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Family Villa", price: "from €199", variant: "Spacious", imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119016.jpg" },
{ id: "p2", name: "Deluxe Suite", price: "from €249", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/friends-smiling-drinking-cocktails-lying-chaises-near-swimming-pool_176420-4060.jpg" },
{ id: "p3", name: "Garden Bungalow", price: "from €149", variant: "Cozy", imageSrc: "http://img.b2bpic.net/free-photo/gardening-concept-with-watering-can-plants_23-2147687339.jpg" },
{ id: "p4", name: "Resort Apartment", price: "from €179", variant: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/medieval-street_1182-808.jpg" },
{ id: "p5", name: "Holiday Cottage", price: "from €139", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/stones-natural-room-interior-design_23-2151890382.jpg" },
{ id: "p6", name: "Superior Villa", price: "from €299", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929524.jpg" }
]}
title="Our Accommodations"
description="Choose from a variety of beautifully designed villas and bungalows to suit your family needs."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Short Stay",
price: "€500",
subtitle: "Perfect for a weekend escape",
buttons: [
{
text: "Book",
href: "#",
},
],
features: [
"3 Nights",
"Breakfast Included",
"Pool Access",
],
},
{
id: "pro",
badge: "Holiday Break",
price: "€1,200",
subtitle: "Ideal for families",
buttons: [
{
text: "Book",
href: "#",
},
],
features: [
"7 Nights",
"All Meals Included",
"Resort Access",
"Kids Club",
],
},
]}
title="Flexible Stays"
description="Find the perfect duration for your Tuscan getaway."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{ id: "basic", badge: "Short Stay", price: "€500", subtitle: "Perfect for a weekend escape", buttons: [{ text: "Book", href: "#" }], features: ["3 Nights", "Breakfast Included", "Pool Access"] },
{ id: "pro", badge: "Holiday Break", price: "€1,200", subtitle: "Ideal for families", buttons: [{ text: "Book", href: "#" }], features: ["7 Nights", "All Meals Included", "Resort Access", "Kids Club"] }
]}
title="Flexible Stays"
description="Find the perfect duration for your Tuscan getaway."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={false}
title="Our Village at a Glance"
tag="Trusted Quality"
metrics={[
{
id: "m1",
value: "100+",
description: "Hectares of Nature",
},
{
id: "m2",
value: "20K+",
description: "Happy Guests Yearly",
},
{
id: "m3",
value: "15",
description: "Swimming Pools",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={false}
title="Our Village at a Glance"
tag="Trusted Quality"
metrics={[
{ id: "m1", value: "100+", description: "Hectares of Nature" },
{ id: "m2", value: "20K+", description: "Happy Guests Yearly" },
{ id: "m3", value: "15", description: "Swimming Pools" }
]}
metricsAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah J.",
handle: "@sarahj",
testimonial: "The best resort I've ever stayed at! Amazing atmosphere.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-summer-concept-rocks-by-sea_23-2147828798.jpg",
},
{
id: "t2",
name: "Mark D.",
handle: "@markd",
testimonial: "Incredible service and facilities for our whole family.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/lovely-excited-girl-with-dark-hair-enjoying-freedom-beautiful-european-town-summer-vacation_197531-4567.jpg",
},
{
id: "t3",
name: "Elena P.",
handle: "@elenap",
testimonial: "Tuscany at its best. Simply unforgettable.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-three-friends-beach_23-2147645543.jpg",
},
{
id: "t4",
name: "James L.",
handle: "@jamesl",
testimonial: "Kids loved the water park. We will definitely be back.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/final-decoration-christmas-tree_329181-7181.jpg",
},
{
id: "t5",
name: "Sophie M.",
handle: "@sophiem",
testimonial: "Beautiful location and very welcoming staff.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-woman-yellow-sunglasses-spending-time-near-pool-with-tasty-pineapple-cocktail-dreamy-female-tourist-eating-fruits-photoshoot-resort_197531-20863.jpg",
},
]}
showRating={true}
title="Stories from Our Guests"
description="Read what our visitors say about their unforgettable Tuscan experience."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "The best resort I've ever stayed at! Amazing atmosphere.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-summer-concept-rocks-by-sea_23-2147828798.jpg" },
{ id: "t2", name: "Mark D.", handle: "@markd", testimonial: "Incredible service and facilities for our whole family.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lovely-excited-girl-with-dark-hair-enjoying-freedom-beautiful-european-town-summer-vacation_197531-4567.jpg" },
{ id: "t3", name: "Elena P.", handle: "@elenap", testimonial: "Tuscany at its best. Simply unforgettable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-three-friends-beach_23-2147645543.jpg" },
{ id: "t4", name: "James L.", handle: "@jamesl", testimonial: "Kids loved the water park. We will definitely be back.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/final-decoration-christmas-tree_329181-7181.jpg" },
{ id: "t5", name: "Sophie M.", handle: "@sophiem", testimonial: "Beautiful location and very welcoming staff.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-woman-yellow-sunglasses-spending-time-near-pool-with-tasty-pineapple-cocktail-dreamy-female-tourist-eating-fruits-photoshoot-resort_197531-20863.jpg" }
]}
showRating={true}
title="Stories from Our Guests"
description="Read what our visitors say about their unforgettable Tuscan experience."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
tag="Get in Touch"
title="Start Planning Your Stay"
description="Sign up for updates or contact our friendly staff to book your Tuscan holiday."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
tag="Get in Touch"
title="Start Planning Your Stay"
description="Sign up for updates or contact our friendly staff to book your Tuscan holiday."
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "About Us",
items: [
{
label: "Our History",
href: "#",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "FAQs",
href: "#",
},
{
label: "Contact",
href: "#contact",
},
],
},
]}
bottomLeftText="© 2024 Norcenni Girasole Village"
bottomRightText="All rights reserved"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "About Us", items: [{ label: "Our History", href: "#" }, { label: "Careers", href: "#" }] },
{ title: "Support", items: [{ label: "FAQs", href: "#" }, { label: "Contact", href: "#contact" }] }
]}
bottomLeftText="© 2024 Norcenni Girasole Village"
bottomRightText="All rights reserved"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}