Update src/app/team/page.tsx

Merge version_1 into main

src/app/case-studies/page.tsx

@@ -0,0 +1,70 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { ArrowRight } from "lucide-react";
+
+export default function CaseStudiesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="mediumSmall"
+        sizing="largeSmall"
+        background="noiseDiagonalGradient"
+        cardStyle="solid"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/#features" },
+              { name: "Case Studies", id: "/case-studies" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="Pulse"
+          />
+        </div>
+
+        <div id="portfolio" data-section="portfolio">
+          <FeatureCardTwentySix
+            title="Our Portfolio"
+            description="Discover how we've helped leading brands achieve exceptional growth through creative social strategy."
+            useInvertedBackground={false}
+            textboxLayout="default"
+            features={[
+              {
+                title: "LuxeLife Campaign",                description: "Increased conversion rate by 140% through targeted luxury influencer partnerships.",                imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",                buttonIcon: ArrowRight,
+              },
+              {
+                title: "NovaTech Launch",                description: "Reached 2M+ organic impressions within the first 30 days of product release.",                imageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg",                buttonIcon: ArrowRight,
+              },
+              {
+                title: "PeakPerform Growth",                description: "Scaled paid ad performance with a 4x improvement in ROAS via dynamic creative testing.",                imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5364.jpg",                buttonIcon: ArrowRight,
+              },
+              {
+                title: "VibeGlobal Brand",                description: "Rebranded the digital presence resulting in a 60% increase in lead generation quality.",                imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg",                buttonIcon: ArrowRight,
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="PULSE"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Terms of Service", href: "#" }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -2,13 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 
 export default function LandingPage() {
   return (
@@ -28,14 +28,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "hero"},
-          name: "Home",          id: "hero"},
+        { name: "Services", id: "features"},
-        {
+        { name: "Testimonials", id: "testimonials"},
-          name: "Services",          id: "features"},
+        { name: "Contact", id: "contact"},
-        {
-          name: "Case Studies",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="Pulse"
     />
@@ -43,20 +39,14 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
+      background={{ variant: "sparkles-gradient"}}
-        variant: "sparkles-gradient"}}
       title="Scaling Brands Through Data & Creativity"
       description="We are a premium social media agency focused on high-conversion strategies and visual excellence for modern brands."
       tag="Next Gen Social Agency"
-      buttons={[
+      buttons={[{ text: "Start Project", href: "#contact"}]}
-        {
-          text: "Start Project",          href: "#contact"},
-      ]}
       mediaItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg", imageAlt: "Dashboard visualization" },
-          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",          imageAlt: "Dashboard visualization"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12010.jpg", imageAlt: "Digital connectivity" }
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12010.jpg",          imageAlt: "Digital connectivity"}
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -68,8 +58,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
+      names={["LuxeLife", "NovaTech", "PeakPerform", "VibeGlobal", "ZenithMedia", "FluxDigital", "ApexBrands"]}
-        "LuxeLife",        "NovaTech",        "PeakPerform",        "VibeGlobal",        "ZenithMedia",        "FluxDigital",        "ApexBrands"]}
       title="Industry Leaders We've Scaled"
       description="Driving tangible results for high-growth enterprises."
     />
@@ -81,12 +70,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
+        { id: "1", title: "Strategic Content", description: "Story-driven assets designed to convert audience interest into customer action.", tag: "Content", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-post-its_23-2149362915.jpg" },
-          id: "1",          title: "Strategic Content",          description: "Story-driven assets designed to convert audience interest into customer action.",          tag: "Content",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-post-its_23-2149362915.jpg"},
+        { id: "2", title: "Viral Growth", description: "High-impact social amplification techniques that expand your brand footprint.", tag: "Growth", imageSrc: "http://img.b2bpic.net/free-photo/colored-waterdrops-falling-water_23-2147748937.jpg" },
-        {
+        { id: "3", title: "AI Analytics", description: "Precision performance tracking that informs every decision for maximum ROI.", tag: "Data", imageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg" },
-          id: "2",          title: "Viral Growth",          description: "High-impact social amplification techniques that expand your brand footprint.",          tag: "Growth",          imageSrc: "http://img.b2bpic.net/free-photo/colored-waterdrops-falling-water_23-2147748937.jpg"},
-        {
-          id: "3",          title: "AI Analytics",          description: "Precision performance tracking that informs every decision for maximum ROI.",          tag: "Data",          imageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg"},
       ]}
       title="Our Expert Services"
       description="Comprehensive marketing solutions tailored to dominate digital landscapes."
@@ -94,55 +80,41 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
+      <TestimonialCardTen
-      animationType="slide-up"
       textboxLayout="split"
-      gridVariant="asymmetric-60-wide-40-narrow"
       useInvertedBackground={false}
+      title="Client Success Stories"
+      description="See how we've transformed digital presence for industry leaders."
       testimonials={[
-        {
+        { id: "1", title: "150% Growth in Engagement", quote: "Pulse transformed our social strategy. Their data-driven approach is unmatched.", name: "Alex Rivet", role: "CEO, NovaTech" },
-          id: "1",          name: "Alex Rivet",          role: "CEO",          company: "NovaTech",          rating: 5,
+        { id: "2", title: "Content that Converts", quote: "The visual assets produced by Pulse are simply world-class. Our ROI has never been higher.", name: "Sarah Chen", role: "CMO, LuxeLife" },
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-adult-business-leader_1262-4819.jpg"},
+        { id: "3", title: "Scale & Speed", quote: "They don't just manage social, they accelerate it. Essential for any growth-stage brand.", name: "Mark Vane", role: "Director, PeakPerform" }
-        {
-          id: "2",          name: "Sarah Chen",          role: "CMO",          company: "LuxeLife",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg"},
-        {
-          id: "3",          name: "Mark Vane",          role: "Director",          company: "PeakPerform",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5364.jpg"},
-        {
-          id: "4",          name: "Elena Ross",          role: "Founder",          company: "FluxDigital",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4750.jpg"},
-        {
-          id: "5",          name: "David Kim",          role: "Head of Growth",          company: "ApexBrands",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-posing-black-white-side-view_23-2149411415.jpg"},
       ]}
-      title="Success Stories"
-      description="What our clients say about our impact."
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactSplitForm
-      useInvertedBackground={false}
+      title="Inquire About Your Growth"
-      background={{
+      description="Ready to dominate social channels? Tell us about your brand and project goals."
-        variant: "sparkles-gradient"}}
+      inputs={[
-      tag="Let's Talk"
+        { name: "name", type: "text", placeholder: "Full Name" },
-      title="Ready to Scale Your Presence?"
+        { name: "email", type: "email", placeholder: "Work Email" }
-      description="Get in touch for a custom strategy proposal tailored to your business goals."
-      buttons={[
-        {
-          text: "Contact Us",          href: "mailto:hello@pulse.agency"},
       ]}
+      textarea={{ name: "message", placeholder: "Tell us about your brand goals" }}
+      imageSrc="http://img.b2bpic.net/free-photo/man-using-smartphone-cafe_23-2148408018.jpg"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterBaseCard
       logoText="PULSE"
-      leftLink={{
+      columns={[
-        text: "Privacy Policy",        href: "#"}}
+        { title: "Services", items: [{ label: "Content Strategy", href: "#" }, { label: "Growth Hacking", href: "#" }, { label: "AI Analytics", href: "#" }] },
-      rightLink={{
+        { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }, { label: "Press", href: "#" }] },
-        text: "Terms of Service",        href: "#"}}
+        { title: "Connect", items: [{ label: "LinkedIn", href: "#" }, { label: "Twitter", href: "#" }, { label: "hello@pulse.agency", href: "mailto:hello@pulse.agency" }] }
+      ]}
     />
   </div>
       </ReactLenis>

src/app/pricing/page.tsx

@@ -0,0 +1,53 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="mediumSmall"
+        sizing="largeSmall"
+        background="noiseDiagonalGradient"
+        cardStyle="solid"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarStyleApple
+                navItems={[
+                    { name: "Home", id: "/" },
+                    { name: "Pricing", id: "#pricing" },
+                    { name: "Team", id: "/team" },
+                    { name: "Contact", id: "/contact" },
+                ]}
+                brandName="Pulse"
+            />
+        </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardOne
+            title="Our Service Packages"
+            description="Choose the plan that fits your growth ambitions."
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+              { id: "starter", badge: "Starter", price: "$1,999", subtitle: "For new brands", features: ["Social Media Setup", "Monthly Content Calendar", "2 Platforms"] },
+              { id: "growth", badge: "Growth", price: "$4,999", subtitle: "Scale fast", features: ["Everything in Starter", "Advanced Ads Management", "Influencer Partnerships", "4 Platforms"] },
+              { id: "enterprise", badge: "Enterprise", price: "Custom", subtitle: "Total dominance", features: ["Custom Strategy", "Dedicated Account Manager", "Full Creative Suite", "Unlimited Platforms"] }
+            ]}
+          />
+        </div>
+        <FooterLogoReveal logoText="PULSE" leftLink={{ text: "Privacy", href: "#" }} rightLink={{ text: "Terms", href: "#" }} />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/services/page.tsx

@@ -0,0 +1,49 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="mediumSmall"
+        sizing="largeSmall"
+        background="noiseDiagonalGradient"
+        cardStyle="solid"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "Case Studies", id: "/testimonials" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Pulse"
+          />
+        </div>
+        <div id="contact" data-section="contact">
+            <ContactCTA
+                useInvertedBackground={false}
+                tag="Let's Talk"
+                title="Scale Your Presence Today"
+                description="Ready to elevate your social media strategy? Get in touch with our expert team."
+                buttons={[{ text: "Contact Us", href: "mailto:hello@pulse.agency" }]}
+                background={{ variant: "plain" }}
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/team/page.tsx

@@ -0,0 +1,56 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function TeamPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="mediumSmall"
+        sizing="largeSmall"
+        background="noiseDiagonalGradient"
+        cardStyle="solid"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarStyleApple
+                navItems={[
+                    { name: "Home", id: "/" },
+                    { name: "Pricing", id: "/pricing" },
+                    { name: "Team", id: "#team" },
+                    { name: "Contact", id: "/contact" },
+                ]}
+                brandName="Pulse"
+            />
+        </div>
+        <div id="team" data-section="team">
+          <TeamCardEleven
+            title="Meet Our Experts"
+            description="The creative team powering your brand's growth."
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            groups={[
+              {
+                id: "leadership",                groupTitle: "Leadership",                members: [
+                  { id: "1", title: "Alex Rivet", subtitle: "CEO", detail: "10+ years in digital strategy.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-adult-business-leader_1262-4819.jpg" },
+                  { id: "2", title: "Sarah Chen", subtitle: "CMO", detail: "Expert in brand positioning.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg" }
+                ]
+              }
+            ]}
+          />
+        </div>
+        <FooterLogoReveal logoText="PULSE" leftLink={{ text: "Privacy", href: "#" }} rightLink={{ text: "Terms", href: "#" }} />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}