Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -12,7 +12,8 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { Award, Box, Code, Globe, Layout, Package, TrendingUp, Users, Zap } from "lucide-react";
+import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
+import { Award, Box, Code, Globe, Layout, Package, TrendingUp, Users, Zap, Linkedin, Twitter, Github } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,14 +33,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Services",          id: "services"},
-        {
-          name: "Process",          id: "process"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "About", id: "about" },
+        { name: "Team", id: "team" },
+        { name: "Services", id: "services" },
+        { name: "Process", id: "process" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Rosa Digital"
     />
@@ -50,21 +48,13 @@ export default function LandingPage() {
       title="We Build Digital Legacies"
       description="Rosa Digital crafts premium digital experiences for forward-thinking brands that demand distinction, clarity, and measurable impact in an evolving market."
       buttons={[
-        {
-          text: "Start Project",          href: "#contact"},
+        { text: "Start Project", href: "#contact" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/top-view-laptop-with-coffee-notebook_23-2148173452.jpg"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/business-woman-portrait_93675-133097.jpg",          alt: "Business woman portrait"},
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",          alt: "Close-up of positive executive at work"},
-        {
-          src: "http://img.b2bpic.net/free-photo/business-concept-portrait-young-successful-businessman-posing-dark-background-copy-space_1258-103972.jpg",          alt: "Business Concept portrait young successful businessman posing over dark background Copy space"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg",          alt: "Portrait of young smiling woman looking at camera"},
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",          alt: "Closeup of Happy Middle-aged Business Leader"},
+        { src: "http://img.b2bpic.net/free-photo/business-woman-portrait_93675-133097.jpg", alt: "Business woman portrait" },
+        { src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", alt: "Close-up of positive executive at work" },
+        { src: "http://img.b2bpic.net/free-photo/business-concept-portrait-young-successful-businessman-posing-dark-background-copy-space_1258-103972.jpg", alt: "Business Concept portrait" },
       ]}
       avatarText="Trusted by 200+ industry leaders"
     />
@@ -75,38 +65,42 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Agency at a Glance"
       metrics={[
-        {
-          icon: Award,
-          label: "Industry Awards",          value: "15+"},
-        {
-          icon: Users,
-          label: "Clients Served",          value: "200+"},
-        {
-          icon: Globe,
-          label: "Markets Global",          value: "12"},
+        { icon: Award, label: "Industry Awards", value: "15+" },
+        { icon: Users, label: "Clients Served", value: "200+" },
+        { icon: Globe, label: "Markets Global", value: "12" },
       ]}
       metricsAnimation="slide-up"
     />
   </div>
 
+  <div id="team" data-section="team">
+      <TeamCardTwo
+      title="Meet Our Team"
+      description="The passionate experts behind your digital success."
+      textboxLayout="split"
+      useInvertedBackground={false}
+      gridVariant="three-columns-all-equal-width"
+      animationType="slide-up"
+      members={[
+        { id: "m1", name: "Alex Rivers", role: "Creative Director", description: "Visionary lead with over 10 years in design strategy.", imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman_1098-16876.jpg?_wi=1", socialLinks: [{ icon: Linkedin, url: "#" }] },
+        { id: "m2", name: "Jordan Lee", role: "Lead Developer", description: "Code architect focused on performance and scalable solutions.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg", socialLinks: [{ icon: Github, url: "#" }] },
+        { id: "m3", name: "Taylor Reed", role: "Brand Strategist", description: "Storyteller dedicated to crafting impactful market identities.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg", socialLinks: [{ icon: Twitter, url: "#" }] },
+      ]}
+    />
+  </div>
+
   <div id="services" data-section="services">
       <FeatureBorderGlow
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          icon: Zap,
-          title: "Brand Strategy",          description: "Defining your core identity and messaging for maximum market impact."},
-        {
-          icon: Layout,
-          title: "UI/UX Design",          description: "Creating intuitive and beautiful interfaces that engage your audience deeply."},
-        {
-          icon: Code,
-          title: "Web Development",          description: "Robust, high-performance web applications built for scale and security."},
+        { icon: Zap, title: "Brand Strategy", description: "Defining your core identity and messaging." },
+        { icon: Layout, title: "UI/UX Design", description: "Intuitive interfaces that engage audiences." },
+        { icon: Code, title: "Web Development", description: "High-performance, secure web applications." },
       ]}
       title="Our Expertise"
-      description="Comprehensive digital solutions tailored to elevate your brand identity and market position."
+      description="Comprehensive solutions to elevate your brand."
     />
   </div>
 
@@ -117,21 +111,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",          name: "Discovery & Research",          price: "Step 01",          variant: "Deep dive into your goals.",          imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3826.jpg"},
-        {
-          id: "p2",          name: "Strategic Concepting",          price: "Step 02",          variant: "Mapping the creative roadmap.",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg"},
-        {
-          id: "p3",          name: "Design Execution",          price: "Step 03",          variant: "Bringing concepts to life.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg"},
-        {
-          id: "p4",          name: "Agile Development",          price: "Step 04",          variant: "Building robust solutions.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg"},
-        {
-          id: "p5",          name: "Quality Assurance",          price: "Step 05",          variant: "Rigorous testing protocols.",          imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman_1098-16876.jpg"},
-        {
-          id: "p6",          name: "Launch & Optimization",          price: "Step 06",          variant: "Constant refinement cycle.",          imageSrc: "http://img.b2bpic.net/free-photo/manufacturing-analyst-reviewing-solar-panel-production-workflow_482257-125954.jpg"},
+        { id: "p1", name: "Discovery & Research", price: "Step 01", variant: "Strategic foundations.", imageSrc: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3826.jpg" },
+        { id: "p2", name: "Design Execution", price: "Step 02", variant: "Creative realization.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg" },
+        { id: "p3", name: "Launch", price: "Step 03", variant: "Deployment excellence.", imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman_1098-16876.jpg?_wi=2" },
       ]}
-      title="Our Proven Process"
-      description="A refined, step-by-step approach ensuring alignment, creativity, and execution perfection in every project delivery."
+      title="Our Process"
+      description="A refined approach to project delivery."
     />
   </div>
 
@@ -141,32 +126,16 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",          name: "Sarah Miller",          role: "CEO",          company: "Innovate",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-female-blue-shirt-grey-background_613910-7954.jpg"},
-        {
-          id: "2",          name: "James Chen",          role: "CTO",          company: "TechStream",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-standing-brick-wall-background-looking-sleepy-tired-exhausted-fatigue-hangover-lazy-eyes-morning_839833-16515.jpg"},
-        {
-          id: "3",          name: "Elena Rossi",          role: "Founder",          company: "Lux",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg"},
-        {
-          id: "4",          name: "David Smith",          role: "Marketing",          company: "Growth",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg"},
-        {
-          id: "5",          name: "Maria Lopez",          role: "Design Lead",          company: "Vivid",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-professional-businesswoman-with-glasses-presentation_23-2148824824.jpg"},
+        { id: "1", name: "Sarah Miller", role: "CEO", company: "Innovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-female-blue-shirt-grey-background_613910-7954.jpg" },
+        { id: "2", name: "James Chen", role: "CTO", company: "TechStream", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-standing-brick-wall-background-looking-sleepy-tired-exhausted-fatigue-hangover-lazy-eyes-morning_839833-16515.jpg" },
       ]}
       kpiItems={[
-        {
-          value: "98%",          label: "Client Retention"},
-        {
-          value: "4.9/5",          label: "Average Rating"},
-        {
-          value: "24h",          label: "Avg Response"},
+        { value: "98%", label: "Retention" },
+        { value: "4.9/5", label: "Rating" },
+        { value: "24h", label: "Response" },
       ]}
-      title="Voices of Success"
-      description="We are proud to partner with exceptional brands across the globe."
+      title="Success Stories"
+      description="Trusted by industry leaders."
     />
   </div>
 
@@ -177,18 +146,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",          value: "2.5M+",          title: "Traffic Growth",          description: "Across client projects.",          icon: TrendingUp,
-        },
-        {
-          id: "m2",          value: "500+",          title: "Products Built",          description: "Scalable digital assets.",          icon: Package,
-        },
-        {
-          id: "m3",          value: "85%",          title: "Efficiency Gain",          description: "In process automation.",          icon: Box,
-        },
+        { id: "m1", value: "2.5M+", title: "Traffic Growth", description: "Strategic results.", icon: TrendingUp },
+        { id: "m2", value: "500+", title: "Products Built", description: "Digital assets.", icon: Package },
+        { id: "m3", value: "85%", title: "Efficiency", description: "Automated gain.", icon: Box },
       ]}
-      title="Impact Delivered"
-      description="Tangible results driven by strategic vision and execution excellence."
+      title="Impact"
+      description="Tangible results driven by vision."
     />
   </div>
 
@@ -196,15 +159,10 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",          title: "What is the typical project timeline?",          content: "Most engagements span between 8 to 12 weeks depending on scope."},
-        {
-          id: "q2",          title: "Do you provide maintenance after launch?",          content: "Yes, we offer ongoing support and optimization packages post-launch."},
-        {
-          id: "q3",          title: "Can you handle enterprise projects?",          content: "Absolutely, we specialize in high-scale enterprise digital transformation."},
+        { id: "q1", title: "What is the timeline?", content: "Most projects span 8-12 weeks." },
+        { id: "q2", title: "Maintenance provided?", content: "Yes, ongoing optimization is standard." },
       ]}
-      sideTitle="Common Inquiries"
-      sideDescription="Everything you need to know about working with us."
+      sideTitle="FAQs"
       faqsAnimation="blur-reveal"
     />
   </div>
@@ -212,47 +170,24 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
-      tag="Let's Talk"
+      background={{ variant: "plain" }}
+      tag="Connect"
       title="Ready to Start?"
-      description="Contact our team for a consultation on your next big digital initiative."
+      description="Let's discuss your vision."
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Company",          items: [
-            {
-              label: "About Us",              href: "#about"},
-            {
-              label: "Process",              href: "#process"},
-          ],
-        },
-        {
-          title: "Services",          items: [
-            {
-              label: "Branding",              href: "#services"},
-            {
-              label: "Development",              href: "#services"},
-          ],
-        },
-        {
-          title: "Support",          items: [
-            {
-              label: "Contact",              href: "#contact"},
-            {
-              label: "FAQ",              href: "#faq"},
-          ],
-        },
+        { title: "Navigation", items: [{ label: "About", href: "#about" }, { label: "Team", href: "#team" }] },
+        { title: "Services", items: [{ label: "Design", href: "#services" }, { label: "Dev", href: "#services" }] },
       ]}
-      bottomLeftText="© 2024 Rosa Digital. All rights reserved."
-      bottomRightText="Privacy Policy"
+      bottomLeftText="© 2024 Rosa Digital."
+      bottomRightText="Privacy"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}