Add src/app/pricing/page.tsx

src/app/page.tsx

@@ -30,21 +30,15 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "/"},
-          id: "#hero",
-        },
         {
-          name: "Products",
+          name: "Products",          id: "#services"},
-          id: "#services",
-        },
         {
-          name: "Legacy",
+          name: "Legacy",          id: "#heritage"},
-          id: "#heritage",
-        },
         {
-          name: "Contact",
+          name: "Pricing",          id: "/pricing"},
-          id: "#contact",
+        {
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="Instyle Industries"
     />
@@ -56,37 +50,23 @@ export default function LandingPage() {
       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",
+          text: "Request a Custom Quote",          href: "#contact"},
-          href: "#contact",
-        },
         {
-          text: "View Our Portfolio",
+          text: "View Our Portfolio",          href: "#services"},
-          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",
+          src: "http://img.b2bpic.net/free-photo/top-view-metal-surface-with-pattern_23-2148796569.jpg",          alt: "Project lead architect"},
-          alt: "Project lead architect",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-12096.jpg",
+          src: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-12096.jpg",          alt: "Quality control manager"},
-          alt: "Quality control manager",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/black-wooden-texture-background_24837-663.jpg",
+          src: "http://img.b2bpic.net/free-photo/black-wooden-texture-background_24837-663.jpg",          alt: "Site supervisor"},
-          alt: "Site supervisor",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/grunge-striped-texture_1194-5681.jpg",
+          src: "http://img.b2bpic.net/free-photo/grunge-striped-texture_1194-5681.jpg",          alt: "Engineering lead"},
-          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",
+          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"},
-          alt: "Client service specialist",
-        },
       ]}
       avatarText="Trusted by 500+ commercial builders."
     />
@@ -98,26 +78,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          tag: "Roofing",
+          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"},
-          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",
+          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: "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",
+          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: "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."
@@ -142,30 +107,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Ahmed I. Asare",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-interviewee-taking-notes_23-2149037866.jpg"},
-          name: "Ahmed I. Asare",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-interviewee-taking-notes_23-2149037866.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Asare George",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-helmet_23-2148921426.jpg"},
-          name: "Asare George",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-helmet_23-2148921426.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Kwame Mensah",          imageSrc: "http://img.b2bpic.net/free-photo/pensive-young-handsome-man-working-laptop_1262-3582.jpg"},
-          name: "Kwame Mensah",
-          imageSrc: "http://img.b2bpic.net/free-photo/pensive-young-handsome-man-working-laptop_1262-3582.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "Abena Osei",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-queer-person-work_23-2150617723.jpg"},
-          name: "Abena Osei",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-queer-person-work_23-2150617723.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Kofi Boateng",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-engineer-wearing-helmet_23-2149353993.jpg"},
-          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"
@@ -180,27 +130,16 @@ export default function LandingPage() {
       description="Discuss your project needs with our expert team."
       inputs={[
         {
-          name: "name",
+          name: "name",          type: "text",          placeholder: "Full Name",          required: true,
-          type: "text",
-          placeholder: "Full Name",
-          required: true,
         },
         {
-          name: "email",
+          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
         },
         {
-          name: "meters",
+          name: "meters",          type: "text",          placeholder: "Approx. Roofing Square Meters"},
-          type: "text",
-          placeholder: "Approx. Roofing Square Meters",
-        },
       ]}
       textarea={{
-        name: "details",
+        name: "details",        placeholder: "Project details or material specifications",        rows: 4,
-        placeholder: "Project details or material specifications",
-        rows: 4,
       }}
       imageSrc="http://img.b2bpic.net/free-photo/modern-grey-concrete-building_250224-323.jpg"
     />
@@ -210,13 +149,9 @@ export default function LandingPage() {
       <FooterLogoReveal
       logoText="Instyle Industries"
       leftLink={{
-        text: "Privacy Policy",
+        text: "Privacy Policy",        href: "#"}}
-        href: "#",
-      }}
       rightLink={{
-        text: "© 2024 Instyle Industries Limited",
+        text: "© 2024 Instyle Industries Limited",        href: "#"}}
-        href: "#",
-      }}
     />
   </div>
       </ReactLenis>

src/app/pricing/page.tsx

@@ -0,0 +1,67 @@
+"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" },
+            ]}
+            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>
+  );
+}