From c4c74f679226263568e06e0d824628b4c3972a2a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 17 Apr 2026 04:14:31 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 540 ++++++++++++++---------------------------------
 1 file changed, 162 insertions(+), 378 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3e04972..cd442cc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,7 +12,7 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import { Box, Film, MapPin } from "lucide-react";
+import { Film, MapPin, Box } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -20,394 +20,178 @@ export default function LandingPage() {
         defaultButtonVariant="text-shift"
         defaultTextAnimation="reveal-blur"
         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">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Events",
-          id: "#events",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="Palm Arts"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "About", id: "#about" },
+              { name: "Events", id: "#events" },
+              { name: "Contact", id: "#contact" },
+            ]}
+            brandName="Palm Arts"
+            button={{ text: "Contact Us", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCarouselLogo
-      logoText="Michael D. Palm Theatre"
-      description="Telluride's premier performing arts venue, home to beloved Palm Arts for over twenty years."
-      buttons={[
-        {
-          text: "View Upcoming Events",
-          href: "#events",
-        },
-      ]}
-      slides={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/mime-reading-manuscript-stage-empty-auditorium_23-2147891800.jpg?_wi=1",
-          imageAlt: "modern performing arts theater stage",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/retro-world-theatre-day-scenes_23-2151211410.jpg",
-          imageAlt: "modern performing arts theater stage",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185647.jpg",
-          imageAlt: "modern performing arts theater stage",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428439.jpg",
-          imageAlt: "modern performing arts theater stage",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/female-mime-with-manuscript-sitting-stage_23-2147891799.jpg",
-          imageAlt: "modern performing arts theater stage",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/ballroom-dance-partners-posing-together_23-2149454014.jpg",
-          imageAlt: "modern performing arts theater stage",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCarouselLogo
+            logoText="Michael D. Palm Theatre"
+            description="Telluride's premier performing arts venue, home to beloved Palm Arts for over twenty years."
+            buttons={[{ text: "View Upcoming Events", href: "#events" }]}
+            slides={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/mime-reading-manuscript-stage-empty-auditorium_23-2147891800.jpg", imageAlt: "modern performing arts theater stage" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/retro-world-theatre-day-scenes_23-2151211410.jpg", imageAlt: "modern performing arts theater stage" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185647.jpg", imageAlt: "modern performing arts theater stage" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428439.jpg", imageAlt: "modern performing arts theater stage" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/female-mime-with-manuscript-sitting-stage_23-2147891799.jpg", imageAlt: "modern performing arts theater stage" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Welcome to Palm Arts"
-      description="For over twenty years, this 501(c)(3) nonprofit has been delighting audiences with a diverse array of performances including dance, theatre, opera and film."
-      bulletPoints={[
-        {
-          title: "Diverse Arts",
-          description: "Dance, theatre, opera, and film screenings.",
-        },
-        {
-          title: "State-of-the-art",
-          description: "30,000 square foot facility.",
-        },
-        {
-          title: "Community Hub",
-          description: "Nonprofit committed to artistic excellence.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/friends-havinf-fun-while-playing-poker_23-2149274008.jpg?_wi=1"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Welcome to Palm Arts"
+            description="For over twenty years, this 501(c)(3) nonprofit has been delighting audiences with a diverse array of performances including dance, theatre, opera and film."
+            bulletPoints={[
+              { title: "Diverse Arts", description: "Dance, theatre, opera, and film screenings." },
+              { title: "State-of-the-art", description: "30,000 square foot facility." },
+              { title: "Community Hub", description: "Nonprofit committed to artistic excellence." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/friends-havinf-fun-while-playing-poker_23-2149274008.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyFive
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Main Theatre",
-          description: "Full fly house and professional equipment.",
-          icon: Film,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/contemplated-couple-mime-artist-sitting-stage-auditorium_23-2147891681.jpg",
-              imageAlt: "black box theater experimental stage",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/tech-elements-close-up-background_23-2148882624.jpg",
-              imageAlt: "black box theater experimental stage",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/mime-reading-manuscript-stage-empty-auditorium_23-2147891800.jpg?_wi=2",
-          imageAlt: "black box theater experimental stage",
-        },
-        {
-          title: "Dance Studio",
-          description: "Professional studio for training and rehearsals.",
-          icon: MapPin,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/front-view-ballerina-leotard-dancing_23-2148496750.jpg",
-              imageAlt: "dance studio professional wooden floor",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/long-mirror-dance-studio_23-2148169365.jpg",
-              imageAlt: "dance studio professional wooden floor",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-havinf-fun-while-playing-poker_23-2149274008.jpg?_wi=2",
-          imageAlt: "black box theater experimental stage",
-        },
-        {
-          title: "Bob Saunders Theatre",
-          description: "Intimate black box venue for experimental work.",
-          icon: Box,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/back-view-people-looking-cinema-screen_23-2147803852.jpg",
-              imageAlt: "film screening theater auditorium",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/3d-cinema-theater-seating_23-2151005410.jpg",
-              imageAlt: "film screening theater auditorium",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/parent-child-spending-time-together-with-cinematic-style-view_23-2151587507.jpg?_wi=1",
-          imageAlt: "black box theater experimental stage",
-        },
-      ]}
-      title="Our Facilities"
-      description="State-of-the-art spaces designed for artistic exploration."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyFive
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+              {
+                title: "Main Theatre",                description: "Full fly house and professional equipment.",                icon: Film,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/contemplated-couple-mime-artist-sitting-stage-auditorium_23-2147891681.jpg", imageAlt: "black box theater experimental stage" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/tech-elements-close-up-background_23-2148882624.jpg", imageAlt: "black box theater experimental stage" }
+                ]
+              },
+              {
+                title: "Dance Studio",                description: "Professional studio for training and rehearsals.",                icon: MapPin,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/front-view-ballerina-leotard-dancing_23-2148496750.jpg", imageAlt: "dance studio professional wooden floor" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/long-mirror-dance-studio_23-2148169365.jpg", imageAlt: "dance studio professional wooden floor" }
+                ]
+              },
+              {
+                title: "Bob Saunders Theatre",                description: "Intimate black box venue for experimental work.",                icon: Box,
+                mediaItems: [
+                  { imageSrc: "http://img.b2bpic.net/free-photo/back-view-people-looking-cinema-screen_23-2147803852.jpg", imageAlt: "film screening theater auditorium" },
+                  { imageSrc: "http://img.b2bpic.net/free-photo/3d-cinema-theater-seating_23-2151005410.jpg", imageAlt: "film screening theater auditorium" }
+                ]
+              }
+            ]}
+            title="Our Facilities"
+            description="State-of-the-art spaces designed for artistic exploration."
+          />
+        </div>
 
-  <div id="events" data-section="events">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "Friday Night Live",
-          price: "$30",
-          rating: 5,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/lots-led-lightning-systems-few-with-color-filters-stairs-movie-set_1268-15947.jpg",
-        },
-        {
-          id: "2",
-          name: "Eugene Onegin",
-          price: "$30",
-          rating: 5,
-          reviewCount: "8",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-mime-artist-sitting-edge-stage-auditorium_23-2147891678.jpg",
-        },
-        {
-          id: "3",
-          name: "Free Friday Flicks",
-          price: "$0",
-          rating: 5,
-          reviewCount: "20",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-white-view-theatre_23-2151184686.jpg",
-        },
-        {
-          id: "4",
-          name: "Mountainfilm Festival",
-          price: "$150",
-          rating: 5,
-          reviewCount: "56",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mime-standing-auditorium-posing_23-2147891533.jpg",
-        },
-        {
-          id: "5",
-          name: "Battle of the Bands",
-          price: "$15",
-          rating: 4,
-          reviewCount: "10",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-by-vaping-from-hookah-bar_23-2149191887.jpg",
-        },
-        {
-          id: "6",
-          name: "Summer Workshop",
-          price: "$200",
-          rating: 5,
-          reviewCount: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/inside-museum_1084-54.jpg",
-        },
-      ]}
-      title="Upcoming Events"
-      description="Join us for our next performance or screening."
-    />
-  </div>
+        <div id="events" data-section="events">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", brand: "Palm", name: "Friday Night Live", price: "$30", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/lots-led-lightning-systems-few-with-color-filters-stairs-movie-set_1268-15947.jpg" },
+              { id: "2", brand: "Palm", name: "Eugene Onegin", price: "$30", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/female-mime-artist-sitting-edge-stage-auditorium_23-2147891678.jpg" },
+              { id: "3", brand: "Palm", name: "Free Friday Flicks", price: "$0", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/black-white-view-theatre_23-2151184686.jpg" },
+              { id: "4", brand: "Palm", name: "Mountainfilm Festival", price: "$150", rating: 5, reviewCount: "56", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mime-standing-auditorium-posing_23-2147891533.jpg" },
+              { id: "5", brand: "Palm", name: "Battle of the Bands", price: "$15", rating: 4, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-by-vaping-from-hookah-bar_23-2149191887.jpg" },
+              { id: "6", brand: "Palm", name: "Summer Workshop", price: "$200", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/inside-museum_1084-54.jpg" }
+            ]}
+            title="Upcoming Events"
+            description="Join us for our next performance or screening."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          title: "Great film!",
-          quote: "Aside from this, it's a great place to catch a film.",
-          name: "Anonymous",
-          role: "Patron",
-          imageSrc: "http://img.b2bpic.net/free-photo/parent-child-spending-time-together-with-cinematic-style-view_23-2151587507.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          title: "Wonderful staff",
-          quote: "There was a friendly family hosting today's screening of the Oscar Shorts.",
-          name: "John D.",
-          role: "Attendee",
-          imageSrc: "http://img.b2bpic.net/free-photo/client-dark-vip-cinema-studio_23-2149500631.jpg",
-        },
-        {
-          id: "3",
-          title: "Very comfortable",
-          quote: "Very comfortable seating.",
-          name: "Sarah P.",
-          role: "Patron",
-          imageSrc: "http://img.b2bpic.net/free-photo/lovely-art-composition-with-happy-female-model_23-2147868281.jpg",
-        },
-        {
-          id: "4",
-          title: "Amazing venue",
-          quote: "The acoustics and seating are simply fantastic.",
-          name: "Michael B.",
-          role: "Artist",
-          imageSrc: "http://img.b2bpic.net/free-photo/artist-filming-rustic-artwork-painting-with-smartphone-modern-atelier_482257-118391.jpg",
-        },
-        {
-          id: "5",
-          title: "Cultural Gem",
-          quote: "Telluride is lucky to have this space.",
-          name: "Emily C.",
-          role: "Patron",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-male-mime-artist-standing-stage_23-2147891573.jpg",
-        },
-      ]}
-      title="Hear From Our Audience"
-      description="What people say about their experience at the Palm."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTen
+            textboxLayout="default"
+            useInvertedBackground={true}
+            title="Hear From Our Audience"
+            description="What people say about their experience at the Palm."
+            testimonials={[
+              { id: "1", title: "Great film!", quote: "Aside from this, it's a great place to catch a film.", name: "Anonymous", role: "Patron", imageSrc: "http://img.b2bpic.net/free-photo/parent-child-spending-time-together-with-cinematic-style-view_23-2151587507.jpg" },
+              { id: "2", title: "Wonderful staff", quote: "There was a friendly family hosting today's screening of the Oscar Shorts.", name: "John D.", role: "Attendee", imageSrc: "http://img.b2bpic.net/free-photo/client-dark-vip-cinema-studio_23-2149500631.jpg" },
+              { id: "3", title: "Very comfortable", quote: "Very comfortable seating.", name: "Sarah P.", role: "Patron", imageSrc: "http://img.b2bpic.net/free-photo/lovely-art-composition-with-happy-female-model_23-2147868281.jpg" },
+              { id: "4", title: "Amazing venue", quote: "The acoustics and seating are simply fantastic.", name: "Michael B.", role: "Artist", imageSrc: "http://img.b2bpic.net/free-photo/artist-filming-rustic-artwork-painting-with-smartphone-modern-atelier_482257-118391.jpg" },
+              { id: "5", title: "Cultural Gem", quote: "Telluride is lucky to have this space.", name: "Emily C.", role: "Patron", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-male-mime-artist-standing-stage_23-2147891573.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="social" data-section="social">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Telluride Foundation",
-        "Mountainfilm",
-        "Telluride Arts",
-        "Telluride Film Festival",
-        "Palm Arts Board",
-        "Local Schools",
-        "Community Sponsors",
-      ]}
-      title="Our Community Partners"
-      description="We are proud to work with these fantastic local organizations."
-    />
-  </div>
+        <div id="social" data-section="social">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["Telluride Foundation", "Mountainfilm", "Telluride Arts", "Telluride Film Festival", "Palm Arts Board", "Local Schools", "Community Sponsors"]}
+            title="Our Community Partners"
+            description="We are proud to work with these fantastic local organizations."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "Where can I buy tickets?",
-          content: "Tickets are sold at the door or via our website.",
-        },
-        {
-          id: "f2",
-          title: "What time do doors open?",
-          content: "Doors typically open at 6:30pm for 7pm performances.",
-        },
-        {
-          id: "f3",
-          title: "Is the venue wheelchair accessible?",
-          content: "Yes, our state-of-the-art facility is fully accessible.",
-        },
-        {
-          id: "f4",
-          title: "Can I rent the theatre?",
-          content: "We offer venue rentals for special events and performances.",
-        },
-        {
-          id: "f5",
-          title: "Are there parking options?",
-          content: "Yes, public parking is available within a short walk of the facility.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Have questions about our events or venue?"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={true}
+            faqsAnimation="slide-up"
+            title="Frequently Asked Questions"
+            description="Have questions about our events or venue?"
+            faqs={[
+              { id: "f1", title: "Where can I buy tickets?", content: "Tickets are sold at the door or via our website." },
+              { id: "f2", title: "What time do doors open?", content: "Doors typically open at 6:30pm for 7pm performances." },
+              { id: "f3", title: "Is the venue wheelchair accessible?", content: "Yes, our state-of-the-art facility is fully accessible." },
+              { id: "f4", title: "Can I rent the theatre?", content: "We offer venue rentals for special events and performances." },
+              { id: "f5", title: "Are there parking options?", content: "Yes, public parking is available within a short walk of the facility." }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Contact Us"
-      description="Have questions or want to partner with us? Reach out."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Name",
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email",
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Your message here",
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147915826.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Contact Us"
+            description="Have questions or want to partner with us? Reach out."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Name", required: true },
+              { name: "email", type: "email", placeholder: "Email", required: true }
+            ]}
+            textarea={{ name: "message", placeholder: "Your message here", required: true }}
+            imageSrc="http://img.b2bpic.net/free-photo/modern-office-desk-composition-with-technological-device_23-2147915826.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-doing-parkour-training-outdoors_23-2150510434.jpg"
-      logoText="Palm Arts"
-      columns={[
-        {
-          title: "Info",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Events",
-              href: "#events",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Donate",
-              href: "#",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "info@telluridepalm.com",
-              href: "mailto:info@telluridepalm.com",
-            },
-            {
-              label: "(970) 369-5669",
-              href: "tel:9703695669",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-doing-parkour-training-outdoors_23-2150510434.jpg"
+            logoText="Palm Arts"
+            columns={[
+              { title: "Info", items: [{ label: "About Us", href: "#about" }, { label: "Events", href: "#events" }] },
+              { title: "Support", items: [{ label: "Donate", href: "#" }, { label: "Privacy Policy", href: "#" }] },
+              { title: "Contact", items: [{ label: "info@telluridepalm.com", href: "mailto:info@telluridepalm.com" }, { label: "(970) 369-5669", href: "tel:9703695669" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1