Update src/app/terms/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -29,16 +29,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Home", id: "/" },
-          name: "Home",          id: "/"},
+        { name: "Products", id: "#services" },
-        {
+        { name: "Legacy", id: "#heritage" },
-          name: "Products",          id: "#services"},
+        { name: "Pricing", id: "/pricing" },
-        {
+        { name: "Contact", id: "#contact" },
-          name: "Legacy",          id: "#heritage"},
+        { name: "Terms of Service", id: "/terms" },
-        {
-          name: "Pricing",          id: "/pricing"},
-        {
-          name: "Contact",          id: "#contact"},
       ]}
       brandName="Instyle Industries"
     />
@@ -49,24 +45,17 @@ export default function LandingPage() {
       title="The Standard of Ghanaian Excellence."
       description="3rd Generation masters in premium Aluminium roofing, precision sliding systems, and structural trusses. Built for durability. Styled for luxury."
       buttons={[
-        {
+        { text: "Request a Custom Quote", href: "#contact" },
-          text: "Request a Custom Quote",          href: "#contact"},
+        { text: "View Our Portfolio", href: "#services" },
-        {
-          text: "View Our Portfolio",          href: "#services"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/background-wall-concept-with-copy-space_23-2148801303.jpg"
       imageAlt="Aluzinc roofing quality"
       avatars={[
-        {
+        { src: "http://img.b2bpic.net/free-photo/top-view-metal-surface-with-pattern_23-2148796569.jpg", alt: "Project lead architect" },
-          src: "http://img.b2bpic.net/free-photo/top-view-metal-surface-with-pattern_23-2148796569.jpg",          alt: "Project lead architect"},
+        { src: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-12096.jpg", alt: "Quality control manager" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/black-wooden-texture-background_24837-663.jpg", alt: "Site supervisor" },
-          src: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-12096.jpg",          alt: "Quality control manager"},
+        { src: "http://img.b2bpic.net/free-photo/grunge-striped-texture_1194-5681.jpg", alt: "Engineering lead" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/low-angle-view-modern-building-with-wooden-walls-blue-windows-white-lamp-lights_181624-6838.jpg", alt: "Client service specialist" },
-          src: "http://img.b2bpic.net/free-photo/black-wooden-texture-background_24837-663.jpg",          alt: "Site supervisor"},
-        {
-          src: "http://img.b2bpic.net/free-photo/grunge-striped-texture_1194-5681.jpg",          alt: "Engineering lead"},
-        {
-          src: "http://img.b2bpic.net/free-photo/low-angle-view-modern-building-with-wooden-walls-blue-windows-white-lamp-lights_181624-6838.jpg",          alt: "Client service specialist"},
       ]}
       avatarText="Trusted by 500+ commercial builders."
     />
@@ -77,12 +66,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
+        { tag: "Roofing", title: "Roofing Systems", subtitle: "Original Aluminum", description: "Original Aluminum & AluZinc sheets in all gauges. Engineered for the Ghanaian climate.", imageSrc: "http://img.b2bpic.net/free-photo/modern-stadium_1127-110.jpg" },
-          tag: "Roofing",          title: "Roofing Systems",          subtitle: "Original Aluminum",          description: "Original Aluminum & AluZinc sheets in all gauges. Engineered for the Ghanaian climate.",          imageSrc: "http://img.b2bpic.net/free-photo/modern-stadium_1127-110.jpg"},
+        { tag: "Doors", title: "Sliding & Fenestration", subtitle: "Modern Aesthetics", description: "Bespoke sliding doors and windows that merge security with modern aesthetics.", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-ceiling-with-geometric-object_1127-2059.jpg" },
-        {
+        { tag: "Industrial", title: "Industrial Fabrications", subtitle: "Heavy-Duty Quality", description: "Heavy-duty trusses and stainless steel washing basins for commercial and residential use.", imageSrc: "http://img.b2bpic.net/free-photo/structural-glass-ceiling_1112-1176.jpg" },
-          tag: "Doors",          title: "Sliding & Fenestration",          subtitle: "Modern Aesthetics",          description: "Bespoke sliding doors and windows that merge security with modern aesthetics.",          imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-ceiling-with-geometric-object_1127-2059.jpg"},
-        {
-          tag: "Industrial",          title: "Industrial Fabrications",          subtitle: "Heavy-Duty Quality",          description: "Heavy-duty trusses and stainless steel washing basins for commercial and residential use.",          imageSrc: "http://img.b2bpic.net/free-photo/structural-glass-ceiling_1112-1176.jpg"},
       ]}
       title="Our Engineering Pillars"
       description="We blend heritage manufacturing techniques with modern architectural precision to deliver the best building materials in the Ghanaian market."
@@ -106,16 +92,11 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Ahmed I. Asare", imageSrc: "http://img.b2bpic.net/free-photo/close-up-interviewee-taking-notes_23-2149037866.jpg" },
-          id: "1",          name: "Ahmed I. Asare",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-interviewee-taking-notes_23-2149037866.jpg"},
+        { id: "2", name: "Asare George", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-helmet_23-2148921426.jpg" },
-        {
+        { id: "3", name: "Kwame Mensah", imageSrc: "http://img.b2bpic.net/free-photo/pensive-young-handsome-man-working-laptop_1262-3582.jpg" },
-          id: "2",          name: "Asare George",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-helmet_23-2148921426.jpg"},
+        { id: "4", name: "Abena Osei", imageSrc: "http://img.b2bpic.net/free-photo/front-view-queer-person-work_23-2150617723.jpg" },
-        {
+        { id: "5", name: "Kofi Boateng", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-engineer-wearing-helmet_23-2149353993.jpg" },
-          id: "3",          name: "Kwame Mensah",          imageSrc: "http://img.b2bpic.net/free-photo/pensive-young-handsome-man-working-laptop_1262-3582.jpg"},
-        {
-          id: "4",          name: "Abena Osei",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-queer-person-work_23-2150617723.jpg"},
-        {
-          id: "5",          name: "Kofi Boateng",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-engineer-wearing-helmet_23-2149353993.jpg"},
       ]}
       cardTitle="Client Voices"
       cardTag="Trusted by Builders"
@@ -129,18 +110,11 @@ export default function LandingPage() {
       title="Get Your Custom Quote"
       description="Discuss your project needs with our expert team."
       inputs={[
-        {
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
-          name: "name",          type: "text",          placeholder: "Full Name",          required: true,
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
-        },
+        { name: "meters", type: "text", placeholder: "Approx. Roofing Square Meters" },
-        {
-          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
-        },
-        {
-          name: "meters",          type: "text",          placeholder: "Approx. Roofing Square Meters"},
       ]}
-      textarea={{
+      textarea={{ name: "details", placeholder: "Project details or material specifications", rows: 4 }}
-        name: "details",        placeholder: "Project details or material specifications",        rows: 4,
-      }}
       imageSrc="http://img.b2bpic.net/free-photo/modern-grey-concrete-building_250224-323.jpg"
     />
   </div>
@@ -148,10 +122,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Instyle Industries"
-      leftLink={{
+      leftLink={{ text: "Privacy Policy", href: "#" }}
-        text: "Privacy Policy",        href: "#"}}
+      rightLink={{ text: "© 2024 Instyle Industries Limited", href: "#" }}
-      rightLink={{
-        text: "© 2024 Instyle Industries Limited",        href: "#"}}
     />
   </div>
       </ReactLenis>

src/app/pricing/page.tsx

@@ -29,6 +29,7 @@ export default function PricingPage() {
               { name: "Legacy", id: "#heritage" },
               { name: "Pricing", id: "/pricing" },
               { name: "Contact", id: "#contact" },
+              { name: "Terms of Service", id: "/terms" },
             ]}
             brandName="Instyle Industries"
           />
@@ -43,11 +44,11 @@ export default function PricingPage() {
             useInvertedBackground={false}
             plans={[
               {
-                id: "basic",                badge: "Residential",                price: "GHS 150/sqm",                subtitle: "Perfect for standard family homes.",                features: ["Aluzinc Standard", "5 Year Warranty", "Basic Installation"],
+                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" }]
               },
               {
-                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"],
+                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" }]
               }
             ]}

src/app/terms/page.tsx

@@ -0,0 +1,67 @@
+"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 TermsOfServicePage() {
+  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 of Service", id: "/terms" },
+            ]}
+            brandName="Instyle Industries"
+          />
+        </div>
+
+        <div className="py-24">
+          <LegalSection
+            layout="page"
+            title="Terms of Service"
+            subtitle="Effective Date: January 1, 2024"
+            sections={[
+              {
+                heading: "1. Acceptance of Terms",                content: { type: "paragraph", text: "By accessing or using our services, you agree to comply with these terms." }
+              },
+              {
+                heading: "2. User Responsibilities",                content: { type: "list", items: ["Provide accurate information", "Respect intellectual property rights", "Comply with all local laws"] }
+              },
+              {
+                heading: "3. Limitation of Liability",                content: { type: "paragraph", text: "Instyle Industries shall not be liable for indirect or consequential damages arising from the use of our services." }
+              }
+            ]}
+          />
+        </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>
+  );
+}