Merge version_5 into main

Merge version_5 into main

src/app/page.tsx

@@ -2,15 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { Music, Palette, Zap } from "lucide-react";
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import { Disc, Music, Palette, Zap, PartyPopper } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,16 +31,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "About", id: "about" },
-        {
+        { name: "Events", id: "events" },
-          name: "Connect",          id: "about"},
+        { name: "Features", id: "features" },
-        {
+        { name: "Testimonials", id: "testimonials" },
-          name: "Features",          id: "features"},
+        { name: "Contact", id: "contact" },
-        {
-          name: "Testimonials",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="PulseConnect"
     />
@@ -50,67 +47,53 @@ export default function LandingPage() {
       logoText="PulseConnect"
       description="The ultimate nexus for DJs, visual artists, and event visionaries. Sync your creativity, find your stage, and light up the night."
       buttons={[
-        {
+        { text: "Get Started", href: "#contact" },
-          text: "Get Started",          href: "#contact"},
+        { text: "Explore Features", href: "#features" },
-        {
-          text: "Explore Features",          href: "#features"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/3d-music-related-scene_23-2151125290.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/night-club-dj-playing-music-mixing-tracks-party_23-2149176395.jpg?_wi=1"
-      imageAlt="Futuristic DJ setup"
+      imageAlt="Professional DJ console at a party"
       showDimOverlay={true}
     />
   </div>
 
-  <div id="about" data-section="about">
+  <div id="events" data-section="events">
-      <InlineImageSplitTextAbout
+    <ProductCardTwo
+      title="Upcoming Featured Events"
+      description="Discover the latest showcases managed by our elite team of event visionaries."
+      gridVariant="three-columns-all-equal-width"
+      animationType="slide-up"
+      textboxLayout="default"
       useInvertedBackground={true}
-      heading={[
+      products={[
-        {
+        { id: "e1", brand: "NeonWave", name: "Techno Underground Night", price: "$25", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/night-party-lights-stage_23-2148443907.jpg?_wi=1" },
-          type: "text",          content: "Uniting the "},
+        { id: "e2", brand: "PulseBeats", name: "Rhythm Sync Festival", price: "$45", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/dj-performance-night-club_23-2149176403.jpg?_wi=1" },
-        {
+        { id: "e3", brand: "VibeProduction", name: "Laser Fusion Showcase", price: "$30", rating: 4, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/abstract-neon-lights-night-party_23-2149176406.jpg?_wi=1" }
-          type: "image",          src: "http://img.b2bpic.net/free-photo/abstract-network-interconnected-nodes-lines-black-background_23-2151977502.jpg",          alt: "Networking"},
-        {
-          type: "text",          content: " Creative World"},
       ]}
     />
   </div>
 
+  <div id="about" data-section="about">
+      <MediaAbout
+      useInvertedBackground={true}
+      title="Where the Energy Comes Alive"
+      description="We provide the pulse for your production. Bringing together top-tier sound, lighting, and performance talent to create legendary club experiences."
+      imageSrc="http://img.b2bpic.net/free-photo/dj-mixes-music-nightclub_23-2149176392.jpg"
+      imageAlt="DJ Console"
+    />
+  </div>
+
   <div id="features" data-section="features">
       <FeatureCardTwentyFive
       animationType="depth-3d"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Pro DJ Consoles", description: "Access integrated booking for elite-tier DJ equipment and sound rigs.", icon: Disc, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/professional-dj-mixing-music-nightclub-controller_23-2149176398.jpg", imageAlt: "DJ Controller" }, { imageSrc: "http://img.b2bpic.net/free-photo/night-party-lights-stage_23-2148443907.jpg?_wi=2", imageAlt: "Party Lighting" }] },
-          title: "Smart Scheduling",          description: "Automated bookings and management tools for event organizers.",          icon: Zap,
+        { title: "Live Event Vibes", description: "Real-time visual and audio synchronization for unforgettable party experiences.", icon: PartyPopper, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/people-dancing-nightclub-party-with-neon-lights_23-2149176387.jpg", imageAlt: "Dancing Crowd" }, { imageSrc: "http://img.b2bpic.net/free-photo/dj-performance-night-club_23-2149176403.jpg?_wi=2", imageAlt: "Party Atmosphere" }] },
-          mediaItems: [
+        { title: "Creative Visuals", description: "Connect with VJs and light designers to craft stunning stages.", icon: Palette, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-neon-lights-night-party_23-2149176406.jpg?_wi=2", imageAlt: "Visuals" }, { imageSrc: "http://img.b2bpic.net/free-photo/dj-decks-close-up_23-2149176410.jpg", imageAlt: "Mixing" }] },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/operations-manager-develops-sales-strategies-targets_482257-90826.jpg",              imageAlt: "Dashboard"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/business-people-checking-appointment-personal-organizer-schedule_53876-132742.jpg",              imageAlt: "Dashboard"},
-          ],
-        },
-        {
-          title: "Creative Marketplace",          description: "Find graphic designers and visual artists ready to elevate your brand.",          icon: Palette,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/laptops-blue-red-neon-like-ab-test-split-testing-interface_169016-70829.jpg",              imageAlt: "Studio"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/digital-training-innovation-concept-with-futuristic-interface-screens_1134-352.jpg",              imageAlt: "Studio"},
-          ],
-        },
-        {
-          title: "Live Visual Sync",          description: "Real-time collaboration tools for DJs and VJs to sync beats and visuals.",          icon: Music,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/calendar-planner-organization-management-remind-concept_53876-167126.jpg",              imageAlt: "Music"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/four-displays-presenting-financial-data-stock-market-broker-home_482257-29617.jpg",              imageAlt: "Music"},
-          ],
-        },
       ]}
-      title="Powering Seamless Collaborations"
+      title="Engineered for Epic Nights"
-      description="From stage design to sound production, our platform ensures every detail of your event is handled with precision."
+      description="Everything you need from high-end gear to expert collaborators to make every party a landmark event."
     />
   </div>
 
@@ -118,50 +101,51 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={true}
-      names={[
+      names={["PulseBeats", "NeonWave", "VibeProduction", "RhythmSync", "StellarEvent", "SoundCraft", "BeatMakerStudio"]}
-        "NeonNights",        "SoundWaves",        "VibeCreative",        "RhythmEvents",        "VisualBeat",        "NeonStudio",        "PulseAgency"]}
+      title="Loved by Party Promoters"
-      title="Trusted by Industry Leaders"
+      description="The preferred platform for those who demand world-class sound and visuals."
-      description="Join the collective of professionals redefining the nightlife experience."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
+      <TestimonialCardSixteen
+      title="Hear the Pulse"
+      description="Don't take our word for it—listen to the pros who run the scene."
       useInvertedBackground={false}
-      testimonial="PulseConnect transformed the way I book my visuals. It's the most intuitive interface I've used."
+      animationType="depth-3d"
-      rating={5}
+      textboxLayout="split"
-      author="DJ Stellar"
+      kpiItems={[
-      avatars={[
+        { value: "500+", label: "Live Events" },
-        {
+        { value: "120+", label: "Elite DJs" },
-          src: "http://img.b2bpic.net/free-photo/black-model-posing_23-2148171769.jpg",          alt: "Author 1"},
+        { value: "98%", label: "Satisfaction" }
-        {
+      ]}
-          src: "http://img.b2bpic.net/free-photo/asian-photographer-sitting-ladder-studio-with-camera-taking-photos-fashion-items_1098-17838.jpg",          alt: "Author 2"},
+      testimonials={[
-        {
+        { id: "t1", name: "DJ Nexus", role: "Resident DJ", company: "Neon Nights", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-dj-behind-mixer-console-nightclub_23-2149176391.jpg" },
-          src: "http://img.b2bpic.net/free-photo/serious-young-man-concentrated-phone_23-2147689201.jpg",          alt: "Author 3"},
+        { id: "t2", name: "Sarah V", role: "Event Manager", company: "VibeProduction", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-listening-music-with-headphones-nightclub_23-2149176389.jpg" }
-        {
-          src: "http://img.b2bpic.net/free-photo/software-developer-home-office-coding-desktop-using-ai-powered-script_482257-121012.jpg",          alt: "Author 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/person-with-closed-eyes-lights-against-dark-background_181624-32743.jpg",          alt: "Author 5"},
       ]}
-      ratingAnimation="blur-reveal"
-      avatarsAnimation="blur-reveal"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplitForm
       useInvertedBackground={true}
-      background={{
+      title="Ready to Light the Stage?"
-        variant: "sparkles-gradient"}}
+      description="Submit your details to join the network that defines modern nightlife production."
-      tag="Get Early Access"
+      inputs={[
-      title="Join the Beat Revolution"
+        { name: "name", type: "text", placeholder: "Full Name" },
-      description="Register today to start building your creative network."
+        { name: "email", type: "email", placeholder: "Email Address" }
+      ]}
+      imageSrc="http://img.b2bpic.net/free-photo/night-club-dj-playing-music-mixing-tracks-party_23-2149176395.jpg?_wi=2"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterBaseReveal
       logoText="PulseConnect"
+      columns={[
+        { title: "Platform", items: [{ label: "Events", href: "#events" }, { label: "DJs", href: "#" }] },
+        { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Terms", href: "#" }] }
+      ]}
       copyrightText="© 2025 PulseConnect. All Rights Reserved."
     />
   </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
+  --background: #ffffff;
-  --card: #1a1a1a;
+  --card: #f9f9f9;
-  --foreground: #f5f5f5;
+  --foreground: #000612e6;
-  --primary-cta: #ff007f;
+  --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #00d4ff;
+  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #0a0a0a;
+  --secondary-cta-text: #000612e6;
-  --accent: #ff007f;
+  --accent: #e2e2e2;
-  --background-accent: #2d0a1e;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);