Merge version_1 into main #2
223
src/app/page.tsx
223
src/app/page.tsx
@@ -18,31 +18,28 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "about",
|
||||
},
|
||||
name: "Experience", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Tropics"
|
||||
/>
|
||||
@@ -51,17 +48,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
logoText="Tropics"
|
||||
description="Tropical Glow, Premium Results, Anytime. Step into Tropics and escape to sun-kissed luxury. Book your sunbed experience in seconds."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Glow",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Reserve Your Glow", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-scenery-breathtaking-sunset-reflected-wet-sand-near-sea-colorful-sky_181624-4975.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-scenery-breathtaking-sunset-reflected-wet-sand-near-sea-colorful-sky_181624-4975.jpg"
|
||||
imageAlt="Luxury tanning salon resort atmosphere"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -75,7 +69,7 @@ export default function LandingPage() {
|
||||
description="We bridge the gap between premium spa treatments and effective tanning technology. Tropics provides a sanctuary for those who prioritize wellness and aesthetics, ensuring your glow is always professional and resort-ready."
|
||||
subdescription="Every element of our salon is designed to mimic the tranquility of a tropical vacation, ensuring your visit is a mental escape from the daily grind."
|
||||
icon={Sun}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-sauna-panoramic-view-scandinavian-style_169016-68894.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-sauna-panoramic-view-scandinavian-style_169016-68894.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
imageAlt="tropical island vacation atmosphere"
|
||||
/>
|
||||
@@ -88,46 +82,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Advanced UV Technology",
|
||||
description: "Precision controlled sunbeds for even, golden results without harshness.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hammocks-spa-with-wooden-boxes_1203-1118.jpg",
|
||||
imageAlt: "modern high technology sunbed equipment",
|
||||
},
|
||||
title: "Advanced UV Technology", description: "Precision controlled sunbeds for even, golden results without harshness.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hammocks-spa-with-wooden-boxes_1203-1118.jpg", imageAlt: "modern high technology sunbed equipment"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-minimal-interior-design_23-2151913231.jpg",
|
||||
imageAlt: "high speed tanning technology interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-scenery-breathtaking-sunset-reflected-wet-sand-near-sea-colorful-sky_181624-4975.jpg?_wi=2",
|
||||
imageAlt: "modern high technology sunbed equipment",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-minimal-interior-design_23-2151913231.jpg", imageAlt: "high speed tanning technology interior"},
|
||||
},
|
||||
{
|
||||
title: "Luxurious Private Suites",
|
||||
description: "Escape into your own personal tropical sanctuary for every session.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pregnant-woman-green-swimsuit-is-relaxing-spa-complex_169016-56872.jpg",
|
||||
imageAlt: "modern high technology sunbed equipment",
|
||||
},
|
||||
title: "Luxurious Private Suites", description: "Escape into your own personal tropical sanctuary for every session.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pregnant-woman-green-swimsuit-is-relaxing-spa-complex_169016-56872.jpg", imageAlt: "modern high technology sunbed equipment"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair_1203-3708.jpg",
|
||||
imageAlt: "high speed tanning technology interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sauna-panoramic-view-scandinavian-style_169016-68894.jpg?_wi=2",
|
||||
imageAlt: "modern high technology sunbed equipment",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair_1203-3708.jpg", imageAlt: "high speed tanning technology interior"},
|
||||
},
|
||||
{
|
||||
title: "Expert Skin Consultations",
|
||||
description: "Professional advice on your skin type to ensure safety and longevity of your tan.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/night-pool-still-life-composition_23-2148633537.jpg",
|
||||
imageAlt: "modern high technology sunbed equipment",
|
||||
},
|
||||
title: "Expert Skin Consultations", description: "Professional advice on your skin type to ensure safety and longevity of your tan.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/night-pool-still-life-composition_23-2148633537.jpg", imageAlt: "modern high technology sunbed equipment"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bed-pool_1203-3444.jpg",
|
||||
imageAlt: "high speed tanning technology interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-attractive-model-plays-with-small-cute-straw-hat-isolated-white_633478-735.jpg?_wi=1",
|
||||
imageAlt: "modern high technology sunbed equipment",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bed-pool_1203-3444.jpg", imageAlt: "high speed tanning technology interior"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -143,57 +113,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "single",
|
||||
badge: "Trial",
|
||||
price: "$29",
|
||||
name: "Single Session",
|
||||
buttons: [
|
||||
id: "single", badge: "Trial", price: "$29", name: "Single Session", buttons: [
|
||||
{
|
||||
text: "Book Session",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Session", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"1x Sunbed Session",
|
||||
"Standard Skin Consult",
|
||||
"Luxurious Towel Service",
|
||||
],
|
||||
"1x Sunbed Session", "Standard Skin Consult", "Luxurious Towel Service"],
|
||||
},
|
||||
{
|
||||
id: "monthly",
|
||||
badge: "Popular",
|
||||
price: "$129",
|
||||
name: "Unlimited Glow",
|
||||
buttons: [
|
||||
id: "monthly", badge: "Popular", price: "$129", name: "Unlimited Glow", buttons: [
|
||||
{
|
||||
text: "Get Unlimited",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Unlimited", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited Sessions",
|
||||
"Priority Booking",
|
||||
"Free Sun Care Products",
|
||||
"Skin Assessments",
|
||||
],
|
||||
"Unlimited Sessions", "Priority Booking", "Free Sun Care Products", "Skin Assessments"],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
badge: "Elite",
|
||||
price: "$199",
|
||||
name: "Tropical VIP",
|
||||
buttons: [
|
||||
id: "elite", badge: "Elite", price: "$199", name: "Tropical VIP", buttons: [
|
||||
{
|
||||
text: "Join VIP",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Join VIP", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"All Benefits of Monthly",
|
||||
"Guest Passes",
|
||||
"Complimentary Refreshments",
|
||||
"Exclusive Salon Perks",
|
||||
],
|
||||
"All Benefits of Monthly", "Guest Passes", "Complimentary Refreshments", "Exclusive Salon Perks"],
|
||||
},
|
||||
]}
|
||||
title="Select Your Glow Plan"
|
||||
@@ -208,50 +149,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah_fit",
|
||||
testimonial: "The best tanning experience in the city! I feel like I'm on vacation every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-attractive-model-plays-with-small-cute-straw-hat-isolated-white_633478-735.jpg?_wi=2",
|
||||
imageAlt: "happy woman glowing healthy skin portrait",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarah_fit", testimonial: "The best tanning experience in the city! I feel like I'm on vacation every time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-attractive-model-plays-with-small-cute-straw-hat-isolated-white_633478-735.jpg", imageAlt: "happy woman glowing healthy skin portrait"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael R.",
|
||||
handle: "@mikey_r",
|
||||
testimonial: "High-quality beds and impeccable service. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-hispanic-man-lying-bed-spa-smiling_662251-2502.jpg",
|
||||
imageAlt: "attractive man relaxed skin wellness",
|
||||
},
|
||||
id: "2", name: "Michael R.", handle: "@mikey_r", testimonial: "High-quality beds and impeccable service. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-hispanic-man-lying-bed-spa-smiling_662251-2502.jpg", imageAlt: "attractive man relaxed skin wellness"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily P.",
|
||||
handle: "@emily_glow",
|
||||
testimonial: "Professional, clean, and results that look perfectly natural.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-woman-black-swimwear-posing-luxury-hotel_273443-4821.jpg",
|
||||
imageAlt: "portrait healthy lifestyle spa resort",
|
||||
},
|
||||
id: "3", name: "Emily P.", handle: "@emily_glow", testimonial: "Professional, clean, and results that look perfectly natural.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-woman-black-swimwear-posing-luxury-hotel_273443-4821.jpg", imageAlt: "portrait healthy lifestyle spa resort"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
handle: "@david_luxe",
|
||||
testimonial: "Truly a premium experience. The staff knows exactly how to guide your tanning journey.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-cocktails_1157-8896.jpg",
|
||||
imageAlt: "smiling woman sun kissed tanned skin",
|
||||
},
|
||||
id: "4", name: "David L.", handle: "@david_luxe", testimonial: "Truly a premium experience. The staff knows exactly how to guide your tanning journey.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-cocktails_1157-8896.jpg", imageAlt: "smiling woman sun kissed tanned skin"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jennifer K.",
|
||||
handle: "@jen_travels",
|
||||
testimonial: "My skin has never looked healthier. This is my weekly sanctuary.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-caring-her-skin-near-mirror-bathroom_1301-7643.jpg",
|
||||
imageAlt: "confident lifestyle portrait glowing skin",
|
||||
},
|
||||
id: "5", name: "Jennifer K.", handle: "@jen_travels", testimonial: "My skin has never looked healthier. This is my weekly sanctuary.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-caring-her-skin-near-mirror-bathroom_1301-7643.jpg", imageAlt: "confident lifestyle portrait glowing skin"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voices of the Tropics"
|
||||
@@ -263,8 +174,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Reserve Your Glow"
|
||||
description="Ready to experience premium tanning? Drop your email below and our concierge will reach out to confirm your booking."
|
||||
buttonText="Book Now"
|
||||
@@ -278,50 +188,31 @@ export default function LandingPage() {
|
||||
logoText="Tropics"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Experience",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Experience", href: "#about"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Book Now", href: "#contact"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQs", href: "#"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -331,4 +222,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user