src/app/page.tsx

@@ -39,6 +39,8 @@ export default function LandingPage() {
           name: "Pricing",          id: "/pricing"},
         {
           name: "Contact",          id: "#contact"},
+        {
+          name: "Terms",          id: "/terms"},
       ]}
       brandName="Instyle Industries"
     />
@@ -157,4 +159,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/pricing/page.tsx

@@ -25,10 +25,11 @@ export default function PricingPage() {
           <NavbarLayoutFloatingOverlay
             navItems={[
               { name: "Home", id: "/" },
-              { name: "Products", id: "#services" },
-              { name: "Legacy", id: "#heritage" },
+              { name: "Products", id: "/#services" },
+              { name: "Legacy", id: "/#heritage" },
               { name: "Pricing", id: "/pricing" },
-              { name: "Contact", id: "#contact" },
+              { name: "Contact", id: "/#contact" },
+              { name: "Terms", id: "/terms" },
             ]}
             brandName="Instyle Industries"
           />
@@ -44,11 +45,11 @@ export default function PricingPage() {
             plans={[
               {
                 id: "basic",                badge: "Residential",                price: "GHS 150/sqm",                subtitle: "Perfect for standard family homes.",                features: ["Aluzinc Standard", "5 Year Warranty", "Basic Installation"],
-                buttons: [{ text: "Select Plan", href: "#contact" }]
+                buttons: [{ text: "Select Plan", href: "/#contact" }]
               },
               {
                 id: "pro",                badge: "Commercial",                price: "GHS 250/sqm",                subtitle: "Designed for robust industrial buildings.",                features: ["Heavy-Duty Steel", "15 Year Warranty", "Precision Installation", "Custom Finishing"],
-                buttons: [{ text: "Select Plan", href: "#contact" }]
+                buttons: [{ text: "Select Plan", href: "/#contact" }]
               }
             ]}
           />
@@ -64,4 +65,4 @@ export default function PricingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/terms/page.tsx

@@ -0,0 +1,73 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import LegalSection from '@/components/legal/LegalSection';
+
+export default function TermsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="smallMedium"
+        sizing="mediumLargeSizeMediumTitles"
+        background="aurora"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="solid"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Products", id: "/#services" },
+              { name: "Legacy", id: "/#heritage" },
+              { name: "Pricing", id: "/pricing" },
+              { name: "Contact", id: "/#contact" },
+              { name: "Terms", id: "/terms" },
+            ]}
+            brandName="Instyle Industries"
+          />
+        </div>
+
+        <div id="terms" data-section="terms" className="py-24">
+          <LegalSection
+            layout="page"
+            title="Terms of Service"
+            subtitle="Last updated: October 2024"
+            sections={[
+              {
+                heading: "Introduction",                content: {
+                  type: "paragraph",                  text: "Welcome to Instyle Industries. By accessing our services or purchasing our products, you agree to be bound by these terms."
+                }
+              },
+              {
+                heading: "Products and Services",                content: {
+                  type: "list",                  items: ["Aluminium roofing sheets must be installed by certified professionals.", "Custom sliding systems are manufactured to individual project specifications.", "Warranty claims require proof of purchase and original installation documentation."]
+                }
+              },
+              {
+                heading: "Liability Limitations",                content: {
+                  type: "paragraph",                  text: "Instyle Industries is not responsible for damages resulting from improper installation or failure to adhere to recommended maintenance guidelines."
+                }
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Instyle Industries"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "© 2024 Instyle Industries Limited", href: "#" }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}