revert main merge commit

Author: manika-signoz

.github/CODEOWNERS

@@ -19,3 +19,4 @@ docs @makeavish @therealpandey @pranay01
 docs/collection-agents/ @Nageshbansal @therealpandey
 docs/install/ @Nageshbansal @therealpandey
 constants/docsSideNav.ts @makeavish @therealpandey @pranay01
+next.config.js @makeavish @therealpandey @pranay01

AGENTS.md

@@ -0,0 +1,3 @@
+# AGENTS.md — SigNoz Docs Agent Guide
+
+Follow `CONTRIBUTING.md` for everything.

CONTRIBUTING.md

@@ -1,8 +1,8 @@
-import React from 'react';
-import Button from '@/components/ui/Button';
-import { BookOpen } from 'lucide-react';
-import { ArrowRight } from 'lucide-react';
-import Image from 'next/image';
+import React from 'react'
+import Button from '@/components/ui/Button'
+import { BookOpen } from 'lucide-react'
+import { ArrowRight } from 'lucide-react'
+import Image from 'next/image'
 
 const CTASection = () => {
   return (
@@ -13,17 +13,17 @@ const CTASection = () => {
           <div className="bg-[url('/img/background_blur/Ellipse_206.png')] bg-[center_top_calc(-250px)] bg-no-repeat">
             <div className="flex flex-col gap-16">
               <div className="flex flex-col gap-12">
-                <p className="mb-0 mt-20 text-center text-4xl font-bold">
+                <h2 className="mb-0 mt-20 text-center font-bold">
                   Get started with <br /> SigNoz Cloud today
-                </p>
+                </h2>
                 <div className="flex items-center justify-center gap-3 pt-4 max-sm:flex-col">
-                  <Button to="/teams/" variant={"default"} rounded={"full"}>
+                  <Button to="/teams/" variant={'default'} rounded={'full'}>
                     <span className="flex-center">
                       Sign up for SigNoz
                       <ArrowRight size={14} />
                     </span>
                   </Button>
-                  <Button to="/docs/introduction/" variant="secondary" rounded={"full"}>
+                  <Button to="/docs/introduction/" variant="secondary" rounded={'full'}>
                     <span className="flex-center">
                       <BookOpen size={14} />
                       Read Documentation
@@ -45,7 +45,7 @@ const CTASection = () => {
         </section>
       </div>
     </div>
-  );
-};
+  )
+}
 
-export default CTASection;
+export default CTASection

app/events/kubecon-cloudnativecon-north-america-2025/CTASection.tsx

@@ -1,47 +1,77 @@
-import React from 'react';
-import Image from 'next/image';
-import Button from '@/components/ui/Button';
+import React from 'react'
+import Image from 'next/image'
+import Button from '@/components/ui/Button'
+import SectionLayout from '@/shared/components/molecules/FeaturePages/SectionLayout'
 
 const hero = {
-  title: "KubeCon 2025",
+  title: 'KubeCon 2025',
   subtitle: "Hi, I'm Olly. I've got 15 mystery boxes and lots of merch to giveaway.",
-  description: "Come see us at booth 1372 or find me around the event.",
-  ctaText: "Learn More",
-  ctaLink: "https://events.linuxfoundation.org/kubecon-cloudnativecon-north-america/"
+  description: 'Come see us at booth 1372 or find me around the event.',
+  ctaText: 'Plan Your KubeCon',
+  ctaLink: 'https://signoz.io/blog/kubecon-atlanta-2025-observability-guide/',
+  ctaTextSecondary: 'Meet the Team',
+  ctaLinkSecondary: 'https://forms.gle/2SgUxDkxwjB6Ropj9',
 }
 
 const HeroSection = () => {
   return (
     <div className="relative">
-      <div className="h-full py-20 px-8 bg-gradient-to-r from-black via-black/70 to-transparent">
-        <div className="w-1/2 lg:w-1/3 space-y-6">
-          <div className="font-mono flex flex-col">
+      {/* Dotted background pattern */}
+      <div className="-z-10 md:hidden">
+        <div className="bg-dot-pattern masked-dots absolute inset-0 flex items-center justify-center opacity-100" />
+        <div className="absolute left-0 right-0 top-0 mx-auto h-[600px] w-full flex-shrink-0 rounded-[956px] bg-gradient-to-b from-[rgba(190,107,241,1)] to-[rgba(69,104,220,0)] bg-[length:110%] bg-no-repeat opacity-30 blur-[300px] sm:bg-[center_-500px] md:h-[1200px]" />
+      </div>
+
+      {/* Border decoration */}
+      <div className="absolute bottom-0 left-[12px] right-[12px] top-0 z-[0] border !border-b-0 !border-t-0 border-dashed border-signoz_slate-400 md:hidden" />
+
+      <div className="h-full px-10 py-8 md:bg-gradient-to-r md:from-black md:via-black/70 md:to-transparent md:px-8 md:py-20">
+        <div className="w-full space-y-6 md:w-1/2 lg:w-1/3">
+          <div className="flex flex-col font-mono">
             <span>{`// NOV 10 TO 13`}</span>
             <span>{`// ATLANTA, GEORGIA`}</span>
             <span>{`// BOOTH 1372`}</span>
           </div>
           <div className="space-y-4">
             <div>
-              <h2 className="font-mono mb-0 text-signoz_vanilla-400">SigNoz@</h2>
+              <h2 className="mb-0 font-mono text-signoz_vanilla-400">SigNoz@</h2>
               <h1 className="font-bold">{hero.title}</h1>
             </div>
             <p className="font-mono text-signoz_vanilla-300">{hero.subtitle}</p>
             <p className="font-mono text-signoz_vanilla-300">{hero.description}</p>
-            <Button variant="default" rounded="full" href={hero.ctaLink}>
-              {hero.ctaText}
-            </Button>
+            <div className="flex flex-row gap-2">
+              <Button variant="default" rounded="full" href={hero.ctaLink}>
+                {hero.ctaText}
+              </Button>
+              <Button variant="secondary" rounded="full" href={hero.ctaLinkSecondary}>
+                {hero.ctaTextSecondary}
+              </Button>
+            </div>
           </div>
         </div>
       </div>
+      <SectionLayout
+        variant="bordered"
+        className="mx-8 block !w-[100vw] border-b border-dashed border-signoz_slate-400 md:hidden"
+      >
+        <Image
+          src="/img/events/kubecon-cloudnativecon-north-america-2025/hero-illustration-md.png"
+          alt="Kubecon Hero Illustration"
+          width={800}
+          height={800}
+          className="mx-auto block object-contain px-8 md:hidden"
+          priority
+        />
+      </SectionLayout>
       <Image
         src="/img/events/kubecon-cloudnativecon-north-america-2025/hero-illustration.png"
         alt="Kubecon Hero Illustration"
         fill
-        className="object-contain -z-10"
+        className="-z-10 hidden object-contain md:block"
         priority
       />
     </div>
-  );
-};
+  )
+}
 
-export default HeroSection;
+export default HeroSection

app/events/kubecon-cloudnativecon-north-america-2025/HeroSection.tsx

@@ -1,109 +1,119 @@
-import KubeconHeroSection from './HeroSection';
-import TalksLayout from './TalksLayout';
-import { Card } from '@/components/ui/Card';
-import Button from '@/components/ui/Button';
-import { ArrowRight } from 'lucide-react';
-import MerchandiseSection from './MerchandiseSection';
-import CTASection from './CTASection';
+import KubeconHeroSection from './HeroSection'
+import TalksLayout from './TalksLayout'
+import { Card } from '@/components/ui/Card'
+import Button from '@/components/ui/Button'
+import { ArrowRight } from 'lucide-react'
+import MerchandiseSection from './MerchandiseSection'
+import CTASection from './CTASection'
 
 const talks = {
-  title: "Talks from SigNoz Team",
-  viewSchedule: "View Full Schedule",
-  viewScheduleLink: "https://colocatedeventsna2025.sched.com/",
+  title: 'Talks from SigNoz Team',
+  viewSchedule: 'View Full Schedule',
+  viewScheduleLink: 'https://colocatedeventsna2025.sched.com/',
   items1: [
     {
-      date: "// WED NOV 13",
-      time: "// 2:05 PM EST",
-      title: "Beyond Production: End-to-end CI/CD Observability with OpenTelemetry",
-      speakers: "Ekansh Gupta & Haardik Dharma",
-      link: "https://colocatedeventsna2025.sched.com/event/28D4A/beyond-production-end-to-end-cicd-observability-with-opentelemetry-ekansh-gupta-signoz-haardik-dharma-nyu?iframe=no&w=100%&sidebar=yes&bg=no"
+      date: '// WED NOV 13',
+      time: '// 2:05 PM EST',
+      title: 'Beyond Production: End-to-end CI/CD Observability with OpenTelemetry',
+      speakers: 'Ekansh Gupta & Haardik Dharma',
+      link: 'https://colocatedeventsna2025.sched.com/event/28D4A/beyond-production-end-to-end-cicd-observability-with-opentelemetry-ekansh-gupta-signoz-haardik-dharma-nyu?iframe=no&w=100%&sidebar=yes&bg=no',
     },
     {
-      time: "// 3:20 PM EST",
-      title: "Building Secure MLOps Pipelines with KitOps + Argo Workflows",
-      speakers: "Ekansh Gupta & Shivay Lamba",
-      link: "https://colocatedeventsna2025.sched.com/event/28D7e/building-secure-mlops-pipelines-with-kitops-+-argo-workflows-shivay-lamba-couchbase-ekansh-gupta-signoz?iframe=no&w=100%&sidebar=yes&bg=no"
+      time: '// 3:20 PM EST',
+      title: 'Building Secure MLOps Pipelines with KitOps + Argo Workflows',
+      speakers: 'Ekansh Gupta & Shivay Lamba',
+      link: 'https://colocatedeventsna2025.sched.com/event/28D7e/building-secure-mlops-pipelines-with-kitops-+-argo-workflows-shivay-lamba-couchbase-ekansh-gupta-signoz?iframe=no&w=100%&sidebar=yes&bg=no',
     },
     {
-      time: "// 4:35 PM EST",
-      title: "Skip the Deployment Queue: Automated Rollouts and Rollbacks using OpenFeature",
-      speakers: "Ekansh Gupta & Shivay Lamba",
-      link: "https://colocatedeventsna2025.sched.com/event/28D7z/skip-the-deployment-queue-automated-rollouts-and-rollbacks-using-openfeature-ekansh-gupta-signoz-shivay-lamba-couchbase?iframe=no&w=100%&sidebar=yes&bg=no"
-    }
+      time: '// 4:35 PM EST',
+      title: 'Skip the Deployment Queue: Automated Rollouts and Rollbacks using OpenFeature',
+      speakers: 'Ekansh Gupta & Shivay Lamba',
+      link: 'https://colocatedeventsna2025.sched.com/event/28D7z/skip-the-deployment-queue-automated-rollouts-and-rollbacks-using-openfeature-ekansh-gupta-signoz-shivay-lamba-couchbase?iframe=no&w=100%&sidebar=yes&bg=no',
+    },
   ],
   items2: [
     {
-      time: "// 4 PM EST",
-      title: "Designing Platforms with Judgement: Agentic Flows with K8GP",
-      speakers: "Ekansh Gupta & Shivay Lamba",
-      link: "https://kccncna2025.sched.com/event/27Fb7/designing-platforms-with-judgment-agentic-flows-with-mcp-shivay-lamba-couchbase-ekansh-gupta-signoz?iframe=yes&w=100%&sidebar=yes&bg=no"
+      time: '// 4 PM EST',
+      title: 'Designing Platforms with Judgement: Agentic Flows with K8GP',
+      speakers: 'Ekansh Gupta & Shivay Lamba',
+      link: 'https://kccncna2025.sched.com/event/27Fb7/designing-platforms-with-judgment-agentic-flows-with-mcp-shivay-lamba-couchbase-ekansh-gupta-signoz?iframe=yes&w=100%&sidebar=yes&bg=no',
     },
     {
-      time: "// 5:41 PM EST",
-      title: "Tracing the Untraceable: OpenTelemetry for Vibe-coded LLM Apps",
-      speakers: "Pranay Prateek",
-      link: "https://kccncna2025.sched.com/event/27Fcf/cl-lightning-talk-tracing-the-untraceable-opentelemetry-for-vibe-coded-llm-apps-pranay-prateek-signoz?iframe=no&w=100%25&sidebar=yes&bg=no"
-    }
-  ]
-};
+      time: '// 5:41 PM EST',
+      title: 'Tracing the Untraceable: OpenTelemetry for Vibe-coded LLM Apps',
+      speakers: 'Pranay Prateek',
+      link: 'https://kccncna2025.sched.com/event/27Fcf/cl-lightning-talk-tracing-the-untraceable-opentelemetry-for-vibe-coded-llm-apps-pranay-prateek-signoz?iframe=no&w=100%25&sidebar=yes&bg=no',
+    },
+  ],
+}
 
 const KubeConPage: React.FC = () => {
   return (
-    <div className="min-h-screen w-[80vw] mx-auto border-x border-dashed border-signoz_slate-400">
-      <KubeconHeroSection /> 
+    <div className="mx-auto min-h-screen w-[100vw] border-x border-dashed border-signoz_slate-400 md:w-[80vw]">
+      <KubeconHeroSection />
 
       <TalksLayout
         title={talks.title}
         viewSchedule={talks.viewSchedule}
         viewScheduleLink={talks.viewScheduleLink}
       >
-        <div className="font-mono mb-4 text-xs">{`// WED NOV 10`}</div>
-        <div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
+        <div className="mb-4 font-mono text-xs">{`// WED NOV 10`}</div>
+        <div className="grid grid-cols-1 gap-8 lg:grid-cols-2">
           {talks.items1.map((talk, index) => (
             <Card
               key={index}
-              className="rounded-lg transition-colors duration-200 bg-signoz_ink-500/50 [&>*]:border-1 [&>*]:border-solid [&>*]:border-signoz_slate-200/50"
+              className="rounded-lg bg-signoz_ink-500/50 transition-colors duration-200 [&>*]:border-1 [&>*]:border-solid [&>*]:border-signoz_slate-200/50"
             >
-              <div className="py-4 px-6">
-                <div className="text-xs font-mono mb-4">{talk.time}</div>
-                <h4 className="font-semibold mb-3">{talk.title}</h4>
-                <span className="text-gray-400 flex items-center gap-2 justify-between">
-                  {talk.speakers} 
-                  <Button variant="secondary" href={talk.link} rounded="full" className="flex items-center gap-2 w-fit">
-                    <ArrowRight className="w-5 h-5" />
+              <div className="px-6 py-4">
+                <div className="mb-4 font-mono text-xs">{talk.time}</div>
+                <h4 className="mb-3 font-semibold">{talk.title}</h4>
+                <span className="flex items-center justify-between gap-2 text-gray-400">
+                  {talk.speakers}
+                  <Button
+                    variant="secondary"
+                    href={talk.link}
+                    rounded="full"
+                    className="flex w-fit items-center gap-2"
+                  >
+                    <ArrowRight className="h-5 w-5" />
                   </Button>
                 </span>
               </div>
             </Card>
           ))}
         </div>
-        <div className="font-mono my-4 text-xs">{`// WED NOV 12`}</div>
-        <div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
+        <div className="my-4 font-mono text-xs">{`// WED NOV 12`}</div>
+        <div className="grid grid-cols-1 gap-8 lg:grid-cols-2">
           {talks.items2.map((talk, index) => (
             <Card
               key={index}
-              className="rounded-lg transition-colors duration-200 bg-signoz_ink-500/50 [&>*]:border-1 [&>*]:border-solid [&>*]:border-signoz_slate-200/50"
+              className="rounded-lg bg-signoz_ink-500/50 transition-colors duration-200 [&>*]:border-1 [&>*]:border-solid [&>*]:border-signoz_slate-200/50"
             >
-              <div className="py-4 px-6">
-                <div className="font-mono mb-4 text-xs">{talk.time}</div>
-                <h4 className="font-semibold mb-3">{talk.title}</h4>
-                <span className="text-gray-400 flex items-center gap-2 justify-between">
-                  {talk.speakers} 
-                  <Button variant="secondary" rounded="full" className="flex items-center gap-2 w-fit" href={talk.link}>
-                    <ArrowRight className="w-5 h-5" />
+              <div className="px-6 py-4">
+                <div className="mb-4 font-mono text-xs">{talk.time}</div>
+                <h4 className="mb-3 font-semibold">{talk.title}</h4>
+                <span className="flex items-center justify-between gap-2 text-gray-400">
+                  {talk.speakers}
+                  <Button
+                    variant="secondary"
+                    rounded="full"
+                    className="flex w-fit items-center gap-2"
+                    href={talk.link}
+                  >
+                    <ArrowRight className="h-5 w-5" />
                   </Button>
                 </span>
               </div>
             </Card>
           ))}
         </div>
       </TalksLayout>
-      
+
       <MerchandiseSection />
-      
+
       <CTASection />
     </div>
-  );
-};
+  )
+}
 
-export default KubeConPage;
+export default KubeConPage