src/app/page.tsx

@@ -9,6 +9,7 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCatalogItem from '@/components/ecommerce/productCatalog/ProductCatalogItem';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import TimelineCardStack from '@/components/cardStack/layouts/timelines/TimelineCardStack';
 
 export default function LandingPage() {
   return (
@@ -52,6 +53,23 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="biodiversity" data-section="biodiversity">
+    <TimelineCardStack
+      title="Maharashtra's Biodiversity"
+      description="Deep dive into the incredible ecosystems of Tadoba-Andhari and Pench Tiger Reserves."
+      textboxLayout="split"
+    >
+      <div className="space-y-6">
+        <h3 className="text-2xl font-semibold">Tadoba-Andhari Tiger Reserve</h3>
+        <p>Known as the 'Jewel of Vidarbha', Tadoba is Maharashtra's oldest and largest national park. It boasts a thriving population of tigers, leopards, and sloth bears amidst its dry deciduous forests.</p>
+      </div>
+      <div className="space-y-6">
+        <h3 className="text-2xl font-semibold">Pench Tiger Reserve</h3>
+        <p>Straddling the border of Maharashtra and Madhya Pradesh, Pench is famous for its open canopy forests and high density of herbivores, providing a classic safari experience of the Indian wild.</p>
+      </div>
+    </TimelineCardStack>
+  </div>
+
   <div id="features" data-section="features">
       <FeatureCardTwentyThree
       animationType="slide-up"
@@ -98,4 +116,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f0e8;
-  --card: #ffffff;
-  --foreground: #544236;
-  --primary-cta: #FF8C00;
+  --background: #000000;
+  --card: #1a2f1d;
+  --foreground: #ffffff;
+  --primary-cta: #ffffff;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #006400;
+  --secondary-cta: #0d200f;
   --secondary-cta-text: #ffffff;
-  --accent: #A1A17F;
-  --background-accent: #006400;
+  --accent: #1a3d1f;
+  --background-accent: #355e3b;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);