Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -4,12 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
+import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import { Award, Users, Zap } from "lucide-react";
+import { Award, Users, Zap, LayoutGrid, Palette, FileText, Youtube } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,23 +30,15 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Work",
-          id: "work",
-        },
+          name: "Services",          id: "work"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="OBSDIAN"
       button={{
-        text: "Let's Talk",
-        href: "#contact",
-      }}
+        text: "Let's Talk",        href: "#contact"}}
     />
   </div>
 
@@ -56,37 +48,23 @@ export default function LandingPage() {
       description="I am Obsdian, a multidisciplinary designer focused on web and graphic design. Elevating brands through precision, logic, and aesthetic excellence."
       buttons={[
         {
-          text: "View Projects",
-          href: "#work",
-        },
+          text: "View Services",          href: "#work"},
         {
-          text: "Get in touch",
-          href: "#contact",
-        },
+          text: "Get in touch",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/abstract-sale-busioness-background-banner-design-multipurpose_1340-16803.jpg"
       showBlur={true}
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",
-          alt: "Client 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",          alt: "Client 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-hard-work_181624-33428.jpg",
-          alt: "Client 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-hard-work_181624-33428.jpg",          alt: "Client 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg",
-          alt: "Client 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg",          alt: "Client 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/side-view-gorgeous-slim-young-female-white-shirt-skirt-posing-against-copy-space-studio-wall-background-your-advertisement-having-confident-facial-expression-looking-camera_343059-2156.jpg",
-          alt: "Client 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/side-view-gorgeous-slim-young-female-white-shirt-skirt-posing-against-copy-space-studio-wall-background-your-advertisement-having-confident-facial-expression-looking-camera_343059-2156.jpg",          alt: "Client 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg",
-          alt: "Client 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg",          alt: "Client 5"},
       ]}
       avatarText="Trusted by 80+ industry leaders"
     />
@@ -99,47 +77,39 @@ export default function LandingPage() {
       metrics={[
         {
           icon: Zap,
-          label: "Projects Completed",
-          value: "150+",
-        },
+          label: "Projects Completed",          value: "150+"},
         {
           icon: Award,
-          label: "Design Awards",
-          value: "24",
-        },
+          label: "Design Awards",          value: "24"},
         {
           icon: Users,
-          label: "Satisfied Clients",
-          value: "80+",
-        },
+          label: "Satisfied Clients",          value: "80+"},
       ]}
       metricsAnimation="slide-up"
     />
   </div>
 
   <div id="work" data-section="work">
-      <FeatureCardSix
+      <FeatureCardTwelve
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
+      title="My Services"
+      description="Comprehensive design solutions tailored to your brand needs."
       features={[
         {
-          title: "Brand Identity Redesign",
-          description: "Holistic visual strategy for tech startups.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443496.jpg?_wi=1",
+          id: "web",          label: "Digital Presence",          title: "Website Building",          items: ["Custom UI/UX Design", "Responsive Development", "SEO Integration"],
         },
         {
-          title: "Web Application UI",
-          description: "Interface design for scalable SaaS platforms.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443496.jpg?_wi=2",
+          id: "logo",          label: "Identity",          title: "Logo Design",          items: ["Vector Graphics", "Brand Style Guides", "Brand Kits"],
         },
         {
-          title: "Print & Editorial",
-          description: "Sophisticated typography-led marketing materials.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443496.jpg?_wi=3",
+          id: "flyer",          label: "Marketing",          title: "Flyers & Print",          items: ["Posters & Brochures", "Print-Ready Files", "Layout Composition"],
+        },
+        {
+          id: "thumbnail",          label: "Content",          title: "YouTube Thumbnails",          items: ["Click-Through Optimized", "High-Quality Composition", "Brand Consistency"],
         },
       ]}
-      title="Selected Works"
-      description="A curated collection of my most impactful design projects."
     />
   </div>
 
@@ -148,30 +118,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah J.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",
-        },
+          id: "1",          name: "Sarah J.",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg"},
         {
-          id: "2",
-          name: "Mark C.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-hard-work_181624-33428.jpg",
-        },
+          id: "2",          name: "Mark C.",          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-hard-work_181624-33428.jpg"},
         {
-          id: "3",
-          name: "Emily R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg",
-        },
+          id: "3",          name: "Emily R.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-desk-table-business-company-office_482257-16773.jpg"},
         {
-          id: "4",
-          name: "David K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-gorgeous-slim-young-female-white-shirt-skirt-posing-against-copy-space-studio-wall-background-your-advertisement-having-confident-facial-expression-looking-camera_343059-2156.jpg",
-        },
+          id: "4",          name: "David K.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-gorgeous-slim-young-female-white-shirt-skirt-posing-against-copy-space-studio-wall-background-your-advertisement-having-confident-facial-expression-looking-camera_343059-2156.jpg"},
         {
-          id: "5",
-          name: "Lisa M.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg",
-        },
+          id: "5",          name: "Lisa M.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-looking-away_23-2147955371.jpg"},
       ]}
       cardTitle="Client Voices"
       cardTag="Testimonials"
@@ -183,8 +138,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Let's Connect"
       title="Ready for your next project?"
       description="I'm always open to new design challenges and creative collaborations. Let's build something significant together."
@@ -197,33 +151,21 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Navigation",
-          items: [
+          title: "Navigation",          items: [
             {
-              label: "About",
-              href: "#about",
-            },
+              label: "About",              href: "#about"},
             {
-              label: "Work",
-              href: "#work",
-            },
+              label: "Services",              href: "#work"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms",
-              href: "#",
-            },
+              label: "Terms",              href: "#"},
           ],
         },
       ]}
@@ -233,4 +175,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}