Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -9,8 +9,9 @@ import HeroLogo from '@/components/sections/hero/HeroLogo';
 import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import SplitAbout from '@/components/sections/about/SplitAbout';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { BarChart2, ShieldCheck, Zap } from "lucide-react";
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import TimelineProcessFlow from '@/components/cardStack/layouts/timelines/TimelineProcessFlow';
+import { BarChart2, ShieldCheck, Zap, Target, Search, Megaphone, CheckCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,14 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "About",          id: "#about"},
-        {
-          name: "Features",          id: "#features"},
-        {
-          name: "Results",          id: "#results"},
-        {
-          name: "Launch",          id: "#contact"},
+        { name: "Process", id: "#process" },
+        { name: "Features", id: "#features" },
+        { name: "Results", id: "#results" },
+        { name: "Testimonials", id: "#testimonials" },
+        { name: "Launch", id: "#contact" },
       ]}
       brandName="Rizi Partnerships"
     />
@@ -47,15 +45,27 @@ export default function LandingPage() {
       <HeroLogo
       logoText="Rizi Partnerships"
       description="We connect AI and tech companies with creators who genuinely engage your audience. Strategic partnerships, managed relationships, measurable results—all handled so you can scale."
-      buttons={[
-        {
-          text: "Launch Your Partnership",          href: "#contact"},
-      ]}
+      buttons={[{ text: "Launch Your Partnership", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/geometric-bokeh_1017-3221.jpg"
       buttonAnimation="slide-up"
     />
   </div>
 
+  <div id="process" data-section="process">
+      <TimelineProcessFlow
+      title="Our 4-Step Campaign Process"
+      description="A proven workflow designed to deliver predictable growth for tech brands."
+      animationType="slide-up"
+      textboxLayout="split-description"
+      items={[
+        { id: "p1", content: "Audit your brand identity and technical niche requirements.", media: <Search size={48} />, reverse: false },
+        { id: "p2", content: "Target and curate the perfect creator roster for your audience.", media: <Target size={48} />, reverse: true },
+        { id: "p3", content: "Execute cross-channel campaigns with managed creative briefs.", media: <Megaphone size={48} />, reverse: false },
+        { id: "p4", content: "Track and optimize conversion with real-time attribution data.", media: <CheckCircle size={48} />, reverse: true }
+      ]}
+    />
+  </div>
+
   <div id="about" data-section="about">
       <SplitAbout
       textboxLayout="split"
@@ -63,12 +73,9 @@ export default function LandingPage() {
       title="Partnerships Built for Innovation"
       description="In the fast-paced AI and tech sectors, influence is about credibility. We curate authentic creators who communicate your value, not just your features."
       bulletPoints={[
-        {
-          title: "AI-First Curation",          description: "We identify creators who actually understand your technology."},
-        {
-          title: "Transparent Analytics",          description: "Real-time visibility into campaign ROI and creator engagement."},
-        {
-          title: "Workflow Efficiency",          description: "Streamlined management from outreach to conversion tracking."},
+        { title: "AI-First Curation", description: "We identify creators who actually understand your technology." },
+        { title: "Transparent Analytics", description: "Real-time visibility into campaign ROI and creator engagement." },
+        { title: "Workflow Efficiency", description: "Streamlined management from outreach to conversion tracking." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/engineers-using-laptop-data-center-managing-server-virtualization_482257-120991.jpg?_wi=1"
       mediaAnimation="slide-up"
@@ -81,33 +88,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Automated CRM",          description: "Track thousands of partner touchpoints without manual spreadsheets.",          icon: Zap,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/futuristic-control-panel_23-2151957130.jpg?_wi=1",              imageAlt: "Feature 1"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/smartphone-screen_53876-26853.jpg?_wi=1",              imageAlt: "Feature 2"},
-          ],
-        },
-        {
-          title: "ROI Reporting",          description: "Deep-dive attribution models for every influencer channel.",          icon: BarChart2,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/futuristic-control-panel_23-2151957130.jpg?_wi=2",              imageAlt: "Feature 3"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/smartphone-screen_53876-26853.jpg?_wi=2",              imageAlt: "Feature 4"},
-          ],
-        },
-        {
-          title: "Creator Vetting",          description: "Audit creator audiences for engagement quality and technical niche overlap.",          icon: ShieldCheck,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/futuristic-control-panel_23-2151957130.jpg?_wi=3",              imageAlt: "Feature 5"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/smartphone-screen_53876-26853.jpg?_wi=3",              imageAlt: "Feature 6"},
-          ],
-        },
+        { title: "Automated CRM", description: "Track thousands of partner touchpoints without manual spreadsheets.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-control-panel_23-2151957130.jpg?_wi=1" }, { imageSrc: "http://img.b2bpic.net/free-vector/smartphone-screen_53876-26853.jpg?_wi=1" }] },
+        { title: "ROI Reporting", description: "Deep-dive attribution models for every influencer channel.", icon: BarChart2, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-control-panel_23-2151957130.jpg?_wi=2" }, { imageSrc: "http://img.b2bpic.net/free-vector/smartphone-screen_53876-26853.jpg?_wi=2" }] },
+        { title: "Creator Vetting", description: "Audit creator audiences for engagement quality and technical niche overlap.", icon: ShieldCheck, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-control-panel_23-2151957130.jpg?_wi=3" }, { imageSrc: "http://img.b2bpic.net/free-vector/smartphone-screen_53876-26853.jpg?_wi=3" }] },
       ]}
       title="Campaign Management, Elevated"
       description="Our platform removes the friction of scale, letting you focus on the growth metrics that matter most."
@@ -120,16 +103,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",          title: "Campaign Growth",          subtitle: "Year-over-year",          category: "ROI",          value: "240%"},
-        {
-          id: "m2",          title: "Influencer Reach",          subtitle: "Monthly",          category: "Scale",          value: "12M+"},
-        {
-          id: "m3",          title: "Cost Efficiency",          subtitle: "Per Acquisition",          category: "Optimization",          value: "35%"},
-        {
-          id: "m4",          title: "Partnership Count",          subtitle: "Managed",          category: "Volume",          value: "500+"},
-        {
-          id: "m5",          title: "Lead Conversion",          subtitle: "Avg. Lift",          category: "Growth",          value: "42%"},
+        { id: "m1", title: "Campaign Growth", subtitle: "Year-over-year", category: "ROI", value: "240%" },
+        { id: "m2", title: "Influencer Reach", subtitle: "Monthly", category: "Scale", value: "12M+" },
+        { id: "m3", title: "Cost Efficiency", subtitle: "Per Acquisition", category: "Optimization", value: "35%" },
+        { id: "m4", title: "Partnership Count", subtitle: "Managed", category: "Volume", value: "500+" },
+        { id: "m5", title: "Lead Conversion", subtitle: "Avg. Lift", category: "Growth", value: "42%" },
       ]}
       title="Measurable Impact"
       description="We don't just facilitate introductions; we deliver business outcomes."
@@ -137,73 +115,45 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
+      <TestimonialCardOne
       useInvertedBackground={false}
-      testimonial="Rizi transformed our influencer strategy. Their ability to find creators who understand our complex AI model was unmatched. We saw a 3x increase in qualified leads in three months."
-      rating={5}
-      author="Marcus Thorne, Head of Marketing, SynthFlow AI"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",          alt: "Marcus Thorne"},
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-man-developing-photos_23-2149893918.jpg",          alt: "Sarah Chen"},
-        {
-          src: "http://img.b2bpic.net/free-photo/male-cool-it-expert-hosting-live-convention-with-hands-free-microphone_482257-127134.jpg",          alt: "David Okafor"},
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-senior-speaker-with-flipchart-diagram_1262-1858.jpg",          alt: "Elena Rossi"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-person-with-rainbow-colors-symbolizing-thoughts-adhd-brain_23-2151475616.jpg",          alt: "Alex Rivers"},
+      animationType="blur-reveal"
+      gridVariant="uniform-all-items-equal"
+      title="Trusted by Industry Leaders"
+      description="What our partners say about us."
+      textboxLayout="default"
+      testimonials={[
+        { id: "1", name: "Marcus Thorne", role: "Head of Marketing", company: "SynthFlow AI", rating: 5 },
+        { id: "2", name: "Sarah Chen", role: "Product Lead", company: "DataCore", rating: 5 },
+        { id: "3", name: "David Okafor", role: "Tech Evangelist", company: "CloudNative", rating: 5 },
+        { id: "4", name: "Elena Rossi", role: "Founder", company: "AI Solutions", rating: 5 },
+        { id: "5", name: "Alex Rivers", role: "Growth Manager", company: "NextGen", rating: 5 },
+        { id: "6", name: "Jordan Smith", role: "VP of Growth", company: "TechStream", rating: 5 },
+        { id: "7", name: "Pat Miller", role: "Director", company: "ScaleUp Inc", rating: 5 },
       ]}
-      ratingAnimation="blur-reveal"
-      avatarsAnimation="blur-reveal"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={true}
-      background={{
-        variant: "animated-grid"}}
+      background={{ variant: "animated-grid" }}
       tag="Get Started"
       title="Scale Your Tech Brand"
       description="Ready to launch your first measurable influencer partnership? Let's discuss your goals."
       imageSrc="http://img.b2bpic.net/free-photo/engineers-using-laptop-data-center-managing-server-virtualization_482257-120991.jpg?_wi=2"
       mediaPosition="left"
       mediaAnimation="slide-up"
+      onSubmit={(email) => console.log("Submitted:", email)}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBaseReveal
       columns={[
-        {
-          title: "Company",          items: [
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Careers",              href: "#"},
-            {
-              label: "Blog",              href: "#"},
-          ],
-        },
-        {
-          title: "Services",          items: [
-            {
-              label: "Campaign Mgmt",              href: "#features"},
-            {
-              label: "Influencer Curation",              href: "#features"},
-            {
-              label: "ROI Analytics",              href: "#results"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"},
-          ],
-        },
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }, { label: "Blog", href: "#" }] },
+        { title: "Services", items: [{ label: "Campaign Mgmt", href: "#features" }, { label: "Influencer Curation", href: "#features" }, { label: "ROI Analytics", href: "#results" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
       ]}
       copyrightText="© 2024 Rizi Partnerships. All rights reserved."
     />