Update src/app/terms/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -29,22 +29,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Home", id: "/" },
-          name: "Home",
+        { name: "Products", id: "#services" },
-          id: "#hero",
+        { name: "Legacy", id: "#heritage" },
-        },
+        { name: "Pricing", id: "/pricing" },
-        {
+        { name: "Contact", id: "#contact" },
-          name: "Products",
+        { name: "Terms of Service", id: "/terms" },
-          id: "#services",
-        },
-        {
-          name: "Legacy",
-          id: "#heritage",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
       ]}
       brandName="Instyle Industries"
     />
@@ -55,38 +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",
+        { text: "View Our Portfolio", href: "#services" },
-          href: "#contact",
-        },
-        {
-          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",
+        { src: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-12096.jpg", alt: "Quality control manager" },
-          alt: "Project lead architect",
+        { 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" },
-          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/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."
     />
@@ -97,27 +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",
+        { 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" },
-          title: "Roofing Systems",
+        { 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" },
-          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",
-        },
       ]}
       title="Our Engineering Pillars"
       description="We blend heritage manufacturing techniques with modern architectural precision to deliver the best building materials in the Ghanaian market."
@@ -141,31 +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",
+        { id: "2", name: "Asare George", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-helmet_23-2148921426.jpg" },
-          name: "Ahmed I. Asare",
+        { id: "3", name: "Kwame Mensah", imageSrc: "http://img.b2bpic.net/free-photo/pensive-young-handsome-man-working-laptop_1262-3582.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-interviewee-taking-notes_23-2149037866.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: "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: "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"
@@ -179,29 +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",
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
-          type: "text",
+        { name: "meters", type: "text", placeholder: "Approx. Roofing Square Meters" },
-          placeholder: "Full Name",
-          required: true,
-        },
-        {
-          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>
@@ -209,14 +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",
+      rightLink={{ text: "© 2024 Instyle Industries Limited", href: "#" }}
-        href: "#",
-      }}
-      rightLink={{
-        text: "© 2024 Instyle Industries Limited",
-        href: "#",
-      }}
     />
   </div>
       </ReactLenis>

src/app/pricing/page.tsx

@@ -0,0 +1,68 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function PricingPage() {
+  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 id="pricing" data-section="pricing" className="py-24">
+          <PricingCardTwo
+            title="Transparent Pricing"
+            description="Choose the plan that fits your project scale."
+            textboxLayout="default"
+            animationType="slide-up"
+            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"],
+                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" }]
+              }
+            ]}
+          />
+        </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>
+  );
+}

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>
+  );
+}