Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -9,6 +9,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import BlogCardOne from '@/components/sections/blog/BlogCardOne';
 import { Sparkles, Zap, Target, PenTool, Search, Palette, Users, TrendingUp, Award, Rocket } from "lucide-react";
 
 export default function LandingPage() {
@@ -32,6 +33,7 @@ export default function LandingPage() {
             { name: "Services", id: "services" },
             { name: "About", id: "about" },
             { name: "Results", id: "metrics" },
+            { name: "Works", id: "works" },
             { name: "Testimonials", id: "testimonials" }
           ]}
           button={{
@@ -42,7 +44,7 @@ export default function LandingPage() {
 
       <div id="hero" data-section="hero">
         <HeroSplitDualMedia
-          title="Transform Your Brand"
+          title="Transform Your Brand NOW"
           description="Strategic marketing campaigns designed to elevate your brand presence and drive measurable business growth."
           tag="Marketing Solutions"
           tagIcon={Sparkles}
@@ -149,10 +151,10 @@ export default function LandingPage() {
               title: "Digital Marketing Strategy",              description: "Develop comprehensive digital strategies that align with your business goals and maximize ROI across all channels.",              icon: Target,
               mediaItems: [
                 {
-                  imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4e5a5bbf1?w=800&h=600&fit=crop&_wi=1",                  imageAlt: "Digital marketing strategy visualization"
+                  imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AM9hp4M6eDzEwMxDU5gYArbELf/tmp/generate-an-image-of-lorenzo-noya-1772622815832-cedc15c7.jpg",                  imageAlt: "Digital marketing strategy visualization"
                 },
                 {
-                  imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4e5a5bbf1?w=800&h=600&fit=crop&_wi=2",                  imageAlt: "Analytics dashboard"
+                  imageSrc: "http://img.b2bpic.net/free-photo/delicious-candy-concept-with-copy-space_23-2148679289.jpg?id=10289575",                  imageAlt: "Analytics dashboard"
                 }
               ]
             },
@@ -226,6 +228,38 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="works" data-section="works">
+        <BlogCardOne
+          blogs={[
+            {
+              id: "1",              category: "E-Commerce",              title: "TechFlow Solutions - 200% Lead Growth",              excerpt: "Transformed their digital presence with a comprehensive SEO and content strategy that doubled their qualified leads in 6 months.",              imageSrc: "https://images.unsplash.com/photo-1460925895917-adf4e5a5bbf1?w=800&h=600&fit=crop",              imageAlt: "TechFlow case study",              authorName: "Sarah Mitchell",              authorAvatar: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop",              date: "15 Nov 2024"
+            },
+            {
+              id: "2",              category: "SaaS",              title: "CloudSync - Market Expansion Campaign",              excerpt: "Developed a multi-channel marketing strategy that helped them enter 3 new markets and increase brand awareness by 340%.",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=1",              imageAlt: "CloudSync case study",              authorName: "Michael Chen",              authorAvatar: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=100&h=100&fit=crop",              date: "08 Nov 2024"
+            },
+            {
+              id: "3",              category: "Startups",              title: "InnovateLabs - From Zero to Series A",              excerpt: "Built a brand identity and go-to-market strategy that secured Series A funding and established market leadership position.",              imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=800&h=600&fit=crop",              imageAlt: "InnovateLabs case study",              authorName: "Emma Rodriguez",              authorAvatar: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&h=100&fit=crop",              date: "01 Nov 2024"
+            },
+            {
+              id: "4",              category: "Healthcare",              title: "MediCare Plus - Patient Acquisition",              excerpt: "Designed and executed a healthcare marketing campaign that increased patient inquiries by 280% and improved conversion rates.",              imageSrc: "https://images.unsplash.com/photo-1576091160550-2173dba999ef?w=800&h=600&fit=crop",              imageAlt: "MediCare Plus case study",              authorName: "Dr. James Wilson",              authorAvatar: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100&h=100&fit=crop",              date: "25 Oct 2024"
+            },
+            {
+              id: "5",              category: "Retail",              title: "StyleHub - Omnichannel Integration",              excerpt: "Integrated online and offline marketing channels to create a seamless customer experience, resulting in 165% revenue growth.",              imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop&_wi=2",              imageAlt: "StyleHub case study",              authorName: "Lisa Park",              authorAvatar: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100&h=100&fit=crop",              date: "18 Oct 2024"
+            },
+            {
+              id: "6",              category: "Enterprise",              title: "GlobalTech - Enterprise Rebranding",              excerpt: "Led a complete brand refresh and repositioning strategy for a Fortune 500 company, improving market perception and share.",              imageSrc: "https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?w=800&h=600&fit=crop",              imageAlt: "GlobalTech case study",              authorName: "David Kumar",              authorAvatar: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=100&h=100&fit=crop",              date: "10 Oct 2024"
+            }
+          ]}
+          title="Our Latest Work"
+          description="Explore the diverse range of projects we've successfully executed across different industries and markets."
+          tag="Case Studies"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          carouselMode="buttons"
+        />
+      </div>
+
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardFifteen
           testimonial="Nexus Marketing transformed our approach to digital marketing. Their strategic insights and creative execution resulted in a 200% increase in leads within the first six months. They're not just an agency—they're a true business partner."
@@ -285,7 +319,7 @@ export default function LandingPage() {
             {
               title: "Company",              items: [
                 { label: "About Us", href: "#about" },
-                { label: "Our Work", href: "#metrics" },
+                { label: "Our Work", href: "#works" },
                 { label: "Testimonials", href: "#testimonials" },
                 { label: "Blog", href: "#" }
               ]

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #0a0a0a;;;
-  --card: #1a1a1a;;;
-  --foreground: #fffffae6;;;
-  --primary-cta: #fde047;;;
-  --secondary-cta: #1a1a1a;;;
-  --accent: #737373;;;
-  --background-accent: #737373;;; */
+  /* --background: #f5f5f5;;;;
+  --card: #ffffff;;;;
+  --foreground: #1c1c1c;;;;
+  --primary-cta: #1c1c1c;;;;
+  --secondary-cta: #ffffff;;;;
+  --accent: #6139e6;;;;
+  --background-accent: #b3a8e8;;;; */
 
-  --background: #0a0a0a;;;
-  --card: #1a1a1a;;;
-  --foreground: #fffffae6;;;
-  --primary-cta: #fde047;;;
-  --primary-cta-text: #0a0a0a;;;
-  --secondary-cta: #1a1a1a;;;
-  --secondary-cta-text: #fffffae6;;;
-  --accent: #737373;;;
-  --background-accent: #737373;;;
+  --background: #f5f5f5;;;;
+  --card: #ffffff;;;;
+  --foreground: #1c1c1c;;;;
+  --primary-cta: #1c1c1c;;;;
+  --primary-cta-text: #f5f5f5;;;;
+  --secondary-cta: #ffffff;;;;
+  --secondary-cta-text: #1c1c1c;;;;
+  --accent: #6139e6;;;;
+  --background-accent: #b3a8e8;;;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);