Update src/app/shop/page.tsx

Merge version_1 into main

src/app/blog/page.tsx

@@ -30,8 +30,11 @@ export default function BlogPage() {
                             { name: "Home", id: "/" },
                             { name: "About", id: "/#about" },
                             { name: "Stats", id: "/#stats" },
+                            { name: "Trust", id: "/#social-proof" },
                             { name: "Testimonials", id: "/#testimonials" },
                             { name: "Contact", id: "/#contact" },
+                            { name: "Blog", id: "/blog" },
+                            { name: "Shop", id: "/shop" }
                         ]}
                         brandName="Superkot"
                         bottomLeftText="The Legend, The Myth"

src/app/page.tsx

@@ -10,6 +10,7 @@ import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
@@ -34,8 +35,11 @@ export default function SitePage() {
             { name: 'Home', id: 'hero' },
             { name: 'About', id: 'about' },
             { name: 'Stats', id: 'stats' },
+            { name: 'Trust', id: 'social-proof' },
             { name: 'Testimonials', id: 'testimonials' },
             { name: 'Contact', id: 'contact' },
+            { name: 'Blog', id: '/blog' },
+            { name: 'Shop', id: '/shop' }
           ]}
           brandName="Superkot"
           bottomLeftText="The Legend, The Myth"
@@ -140,6 +144,16 @@ export default function SitePage() {
         />
       </div>
 
+      <div id="social-proof" data-section="social-proof">
+        <SocialProofOne
+          title="Trusted by those who still have their sanity"
+          description="Even amidst the chaos, some brave companies have (regrettably) partnered with Superkot."
+          names={['Flashbang.gg', 'Accidental Wins Inc.', 'Blind Spot Co.', 'Esports Therapy League']}
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardTen
           title="What His Teammates (and Enemies) Say"

src/app/shop/[id]/page.tsx

@@ -67,7 +67,16 @@ export default function ProductPage({ params }: ProductPageProps) {
     }, [cartItems, checkout, getCheckoutItems]);
 
     const navbarProps = {
-        navItems: [{ "name": "Home", "id": "/" }, { "name": "Shop", "id": "/shop" }],
+        navItems: [
+            { name: "Home", id: "/" },
+            { name: "About", id: "/#about" },
+            { name: "Stats", id: "/#stats" },
+            { name: "Trust", id: "/#social-proof" },
+            { name: "Testimonials", id: "/#testimonials" },
+            { name: "Contact", id: "/#contact" },
+            { name: "Blog", id: "/blog" },
+            { name: "Shop", id: "/shop" }
+        ],
         brandName: "Superkot",        bottomLeftText: "The Legend, The Myth",        bottomRightText: "superkot@flashbang.gg"};
 
     const footerProps = {

src/app/shop/page.tsx

@@ -42,7 +42,16 @@ export default function ShopPage() {
     }, [cartItems, checkout, getCheckoutItems]);
 
     const navbarProps = {
-        navItems: [{ "name": "Home", "id": "/" }, { "name": "Shop", "id": "/shop" }],
+        navItems: [
+            { name: "Home", id: "/" },
+            { name: "About", id: "/#about" },
+            { name: "Stats", id: "/#stats" },
+            { name: "Trust", id: "/#social-proof" },
+            { name: "Testimonials", id: "/#testimonials" },
+            { name: "Contact", id: "/#contact" },
+            { name: "Blog", id: "/blog" },
+            { name: "Shop", id: "/shop" }
+        ],
         brandName: "Superkot",        bottomLeftText: "The Legend, The Myth",        bottomRightText: "superkot@flashbang.gg"};
 
     const footerProps = {