Update src/app/page.tsx

src/app/page.tsx

@@ -9,7 +9,8 @@ import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDash
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import { ShieldCheck, FileText, Server, Cpu } from "lucide-react";
+import { ShieldCheck, FileText, Server, Cpu, Download } from "lucide-react";
+import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 
 export default function LandingPage() {
   return (
@@ -32,6 +33,7 @@ export default function LandingPage() {
               { name: "Home", id: "hero" },
               { name: "About", id: "about" },
               { name: "Features", id: "features" },
+              { name: "Downloads", id: "downloads" },
               { name: "Technology", id: "metrics" },
               { name: "Contact", id: "contact" },
             ]}
@@ -83,6 +85,19 @@ export default function LandingPage() {
           />
         </div>
 
+        <div id="downloads" data-section="downloads">
+           <FeatureCardSix 
+             title="Document Management"
+             description="Securely access and download your verified academic records anytime."
+             textboxLayout="default"
+             useInvertedBackground={true}
+             features={[
+               { title: "Academic Transcript", description: "Official seal verified transcript", buttons: [{ text: "Download", onClick: () => window.open('#'), icon: Download }], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3ttzi6" },
+               { title: "Degree Certificate", description: "Original verified degree certificate", buttons: [{ text: "Download", onClick: () => window.open('#'), icon: Download }], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3ttzi6" }
+             ]}
+           />
+        </div>
+
         <div id="metrics" data-section="metrics">
           <MetricCardTwo
             title="Technological Stack"
@@ -103,7 +118,8 @@ export default function LandingPage() {
           <ContactText
             text="Ready to secure your institution's future? Get in touch with our team today."
             background={{ variant: "animated-grid" }}
-            buttons={[{ text: "Book a Consultation" }]}
+            buttons={[{ text: "Book a Consultation" }]
+            }
             useInvertedBackground={true}
           />
         </div>