Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -4,13 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
+import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import TeamCardTen from '@/components/sections/team/TeamCardTen';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import { HelpCircle, Lightbulb, Quote, Rocket, Sparkles, Zap } from "lucide-react";
+import { HelpCircle, Lightbulb, Quote, Rocket, Sparkles, Zap, Shield, Lock, Gauge } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -85,7 +85,7 @@ export default function LandingPage() {
       </div>
 
       <div id="features" data-section="features">
-        <FeatureCardNineteen
+        <FeatureBorderGlow
           title="What Makes Nothinger Different"
           description="Advanced features designed for teams who understand that great design requires precision, collaboration, and the right tools."
           tag="Features"
@@ -93,18 +93,19 @@ export default function LandingPage() {
           tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
+          animationType="slide-up"
           features={[
             {
-              id: 1,
-              tag: "Design Systems",              title: "Intelligent Design Systems",              subtitle: "Build scalable, maintainable systems.",              description: "Create comprehensive design systems with automatic component scaling, intelligent variant management, and real-time synchronization across your entire team.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArDBdHAp5A41g5NW1Ogo9X0eL5/a-visual-representation-of-a-comprehensi-1773341964308-1a6c4e36.png?_wi=2",              imageAlt: "Design system tools"
+              icon: Gauge,
+              title: "Intelligent Design Systems",              description: "Create comprehensive design systems with automatic component scaling, intelligent variant management, and real-time synchronization across your entire team."
             },
             {
-              id: 2,
-              tag: "Motion Design",              title: "Purposeful Motion",              subtitle: "Subtle, meaningful interactions.",              description: "Craft sophisticated animations with scroll-triggered interactions, physics-based easing, and timeline control. Every motion serves a purpose.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArDBdHAp5A41g5NW1Ogo9X0eL5/an-elegant-visualization-of-motion-and-a-1773341964077-ceda2ffd.png?_wi=2",              imageAlt: "Animation and motion design"
+              icon: Sparkles,
+              title: "Purposeful Motion",              description: "Craft sophisticated animations with scroll-triggered interactions, physics-based easing, and timeline control. Every motion serves a purpose."
             },
             {
-              id: 3,
-              tag: "Collaboration",              title: "Seamless Team Workflows",              subtitle: "Design and build together.",              description: "Real-time collaboration that keeps designers and developers in perfect sync. Comments, version history, and intelligent handoff built-in.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ArDBdHAp5A41g5NW1Ogo9X0eL5/a-visual-depicting-seamless-collaboratio-1773341962466-796d4333.png",              imageAlt: "Team collaboration interface"
+              icon: Shield,
+              title: "Seamless Team Workflows",              description: "Real-time collaboration that keeps designers and developers in perfect sync. Comments, version history, and intelligent handoff built-in."
             }
           ]}
         />