2026-04-12 20:01:23 +00:00
1 changed files with 57 additions and 166 deletions
--- a/src/app/page.tsx
+++ b/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>
  );
-}
+}