update

.env.example

@@ -50,3 +50,4 @@ GOOGLE_CLIENT_SECRET=your_google_client_secret
 # Environment
 NODE_ENV=development
 # Options: development, production, test
+

.husky/commit-msg

@@ -10,6 +10,7 @@ conventional_regex='^(feat|fix|docs|style|refactor|test|chore|perf|ci|build|reve
 
 # Regex for Git merge commits
 merge_regex='^Merge branch .* of .* into .*'
+merge_regex='^Merge branch .* of .*'
 
 # Combined regex - either conventional or merge format
 commit_regex="($conventional_regex|$merge_regex)"

.husky/pre-push

@@ -11,8 +11,8 @@ echo "🔒 Running security audit..."
 npm audit --audit-level=moderate
 
 # Run build check one more time
-echo "🏗️ Final build check..."
-npm run build
+# echo "🏗️ Final build check..."
+# npm run build
 
 # Check for any uncommitted changes
 if ! git diff-index --quiet HEAD --; then

app/(landing)/about/AboutUsHero.tsx

@@ -0,0 +1,132 @@
+'use client';
+import gsap from 'gsap';
+import { useGSAP } from '@gsap/react';
+import { useRef } from 'react';
+import { BoundlessButton } from '@/components/buttons';
+import { DottedUnderline } from '@/components/ui/dotted-underline';
+
+export default function AboutUsHero() {
+  const heroRef = useRef<HTMLDivElement>(null);
+  const gridRef = useRef<HTMLDivElement>(null);
+  const contentRef = useRef<HTMLDivElement>(null);
+
+  useGSAP(
+    () => {
+      if (gridRef.current) {
+        gsap.to(gridRef.current, {
+          rotation: 5,
+          duration: 15,
+          ease: 'power2.inOut',
+          yoyo: true,
+          repeat: -1,
+        });
+
+        gsap.to(gridRef.current, {
+          scale: 1.02,
+          duration: 8,
+          ease: 'power2.inOut',
+          yoyo: true,
+          repeat: -1,
+        });
+
+        gsap.to(gridRef.current, {
+          opacity: 0.6,
+          duration: 4,
+          ease: 'power2.inOut',
+          yoyo: true,
+          repeat: -1,
+        });
+      }
+
+      if (contentRef.current) {
+        const tl = gsap.timeline();
+
+        tl.fromTo(
+          contentRef.current.querySelector('h1'),
+          { y: 50, opacity: 0 },
+          { y: 0, opacity: 1, duration: 1, ease: 'power2.out' }
+        )
+          .fromTo(
+            contentRef.current.querySelector('p'),
+            { y: 30, opacity: 0 },
+            { y: 0, opacity: 1, duration: 0.8, ease: 'power2.out' },
+            '-=0.5'
+          )
+          .fromTo(
+            contentRef.current.querySelector('.buttons'),
+            { y: 30, opacity: 0 },
+            { y: 0, opacity: 1, duration: 0.8, ease: 'power2.out' },
+            '-=0.3'
+          );
+      }
+    },
+    { scope: heroRef }
+  );
+
+  return (
+    <div
+      ref={heroRef}
+      className='relative min-h-[95vh] h-full flex items-center justify-center overflow-hidden bg-[#030303]'
+    >
+      <div
+        className='absolute w-full bottom-0 h-[772px] z-10'
+        style={{
+          background:
+            'linear-gradient(180deg, rgba(3, 3, 3, 0.00) 0%, #030303 100%)',
+        }}
+      ></div>
+      <div
+        ref={gridRef}
+        className='absolute inset-0 w-full h-full'
+        style={{
+          backgroundImage: 'url(/about-us-hero-bg.svg)',
+          backgroundSize: 'cover',
+          backgroundPosition: 'center',
+          backgroundRepeat: 'no-repeat',
+          opacity: 0.8,
+        }}
+      />
+      <div className='blur-[25px] mix-blend-overlay absolute inset-0 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[383px] h-[383px] rounded-full border-20px] border-[#DBFFB7] opacity-[0.3]' />
+      <div className='blur-[100px] mix-blend-hard-light absolute inset-0 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[397px] h-[397px] rounded-full border-[100px] border-[#6DC01A] opacity-[0.2]' />
+      <div className='blur-[400px] absolute inset-0 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[560px] h-[560px] rounded-full bg-[#A7F9503D]' />
+
+      <div
+        ref={contentRef}
+        className='relative z-10 text-center max-w-[504px] mx-auto px-5'
+      >
+        <h1 className='text-white xl:text-[48px] lg:text-[32px] text-[30px] leading-[100%] tracking-[-1.92px] mb-6'>
+          Boundless is Where
+          <br />
+          <span className='gradient-text font-medium'>
+            Ideas meet Opportunity
+          </span>
+        </h1>
+
+        <DottedUnderline className='w-full max-w-[504px] mx-auto mb-7' />
+
+        <p
+          className='xl:text-[16px] lg:text-[14px] text-[14px] leading-[160%] mb-7'
+          style={{
+            background: 'linear-gradient(93deg, #B5B5B5 15.93%, #FFF 97.61%)',
+            backgroundClip: 'text',
+            WebkitBackgroundClip: 'text',
+            WebkitTextFillColor: 'transparent',
+          }}
+        >
+          We help innovators validate ideas, raise funds, and access grants &
+          hackathons through milestone-based support powered by Stellar and
+          Trustless Work.
+        </p>
+
+        <div className='buttons flex flex-col md:flex-row gap-4 justify-center items-center max-w-[446px] mx-auto'>
+          <BoundlessButton variant='default' size='lg' fullWidth>
+            Explore Projects
+          </BoundlessButton>
+          <BoundlessButton variant='secondary' size='lg' fullWidth>
+            Submit Your Idea
+          </BoundlessButton>
+        </div>
+      </div>
+    </div>
+  );
+}