Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -12,7 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Award, CheckCircle } from "lucide-react";
+import { Award, CheckCircle, Palette, Monitor, Cuboid } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -78,14 +78,59 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       features={[
-        { title: "Brand Identity", description: "Crafting visual identities for startups.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg" },
+        { title: "Brand Identity", description: "Crafting visual identities for startups.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg?_wi=1" },
-        { title: "Web Platforms", description: "Design systems for scalable platforms.", imageSrc: "http://img.b2bpic.net/free-photo/black-bokeh-background_1017-3117.jpg" },
+        { title: "Web Platforms", description: "Design systems for scalable platforms.", imageSrc: "http://img.b2bpic.net/free-photo/black-bokeh-background_1017-3117.jpg?_wi=1" },
       ]}
       title="Selected Works"
       description="A collection of design projects ranging from branding to UI/UX and motion design."
     />
   </div>
 
+  <div id="graphic-designer" data-section="graphic-designer">
+      <FeatureCardThree
+      animationType="slide-up"
+      textboxLayout="default"
+      gridVariant="three-columns-all-equal-width"
+      useInvertedBackground={true}
+      features={[
+        { title: "Visual Identity", description: "Logo design and brand guidelines.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg?_wi=2" },
+        { title: "Print Media", description: "Marketing materials and editorial design.", imageSrc: "http://img.b2bpic.net/free-photo/black-bokeh-background_1017-3117.jpg?_wi=2" },
+      ]}
+      title="Graphic Designer"
+      description="Professional graphic design solutions that elevate brand presence through intentional visuals."
+    />
+  </div>
+
+  <div id="ui-ux-designer" data-section="ui-ux-designer">
+      <FeatureCardThree
+      animationType="slide-up"
+      textboxLayout="default"
+      gridVariant="three-columns-all-equal-width"
+      useInvertedBackground={false}
+      features={[
+        { title: "App Interfaces", description: "Intuitive layouts for mobile applications.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg?_wi=3" },
+        { title: "Web UX", description: "Streamlined user flows for web products.", imageSrc: "http://img.b2bpic.net/free-photo/black-bokeh-background_1017-3117.jpg?_wi=3" },
+      ]}
+      title="UI/UX Designer"
+      description="Creating accessible and engaging user experiences focused on conversion and usability."
+    />
+  </div>
+
+  <div id="3d-designer" data-section="3d-designer">
+      <FeatureCardThree
+      animationType="slide-up"
+      textboxLayout="default"
+      gridVariant="three-columns-all-equal-width"
+      useInvertedBackground={true}
+      features={[
+        { title: "3D Models", description: "Detailed 3D assets for various industries.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg?_wi=4" },
+        { title: "Product Visualization", description: "Realistic product renderings and animations.", imageSrc: "http://img.b2bpic.net/free-photo/black-bokeh-background_1017-3117.jpg?_wi=4" },
+      ]}
+      title="3D Designer"
+      description="Bringing ideas into the third dimension with high-quality models and rendering techniques."
+    />
+  </div>
+
   <div id="metrics" data-section="metrics">
       <MetricCardOne
       animationType="slide-up"
@@ -153,4 +198,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}