Add src/app/pricing/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -9,7 +9,7 @@ import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import { CheckCircle, Clock, Users } from "lucide-react";
 
@@ -29,58 +29,44 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Features",          id: "features"},
-        {
-          name: "Testimonials",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "Features", id: "features" },
+        { name: "Pricing", id: "/pricing" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="J M Business Enterprises"
+      button={{ text: "Get Started", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       title="Trusted Warehouse Solutions for West Bengal Business"
       description="Secure storage, efficient operations, and strategic logistics support for manufacturers and distributors across the region. Serving businesses since establishment with 5-star reliability."
       buttons={[
-        {
-          text: "Explore Our Services",          href: "#features"},
+        { text: "Explore Our Services", href: "#features" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-empty-warehouse_181624-42274.jpg"
       imageAlt="Modern Warehouse Facility"
       mediaAnimation="slide-up"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/working-construction-concept_23-2150772876.jpg",          alt: "Client profile 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/logistics-warehouse-with-empty-high-racks_181624-57353.jpg",          alt: "Client profile 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/minimalist-hallways-background_23-2149745363.jpg",          alt: "Client profile 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/ai-powered-server-room-delivering-automation-capabilities_482257-124316.jpg",          alt: "Client profile 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/business-owner-manager-scanning-boxes-barcode-using-store-scanner-listening-music-warehouse-inventory-employee-looking-storehouse-shelves-preparing-customers-orders-delivery_482257-73207.jpg",          alt: "Client profile 5"},
+        { src: "http://img.b2bpic.net/free-photo/working-construction-concept_23-2150772876.jpg", alt: "Client profile 1" },
+        { src: "http://img.b2bpic.net/free-photo/logistics-warehouse-with-empty-high-racks_181624-57353.jpg", alt: "Client profile 2" },
+        { src: "http://img.b2bpic.net/free-photo/minimalist-hallways-background_23-2149745363.jpg", alt: "Client profile 3" },
+        { src: "http://img.b2bpic.net/free-photo/ai-powered-server-room-delivering-automation-capabilities_482257-124316.jpg", alt: "Client profile 4" },
+        { src: "http://img.b2bpic.net/free-photo/business-owner-manager-scanning-boxes-barcode-using-store-scanner-listening-music-warehouse-inventory-employee-looking-storehouse-shelves-preparing-customers-orders-delivery_482257-73207.jpg", alt: "Client profile 5" },
       ]}
       avatarText="Trusted by 500+ regional business partners"
       marqueeItems={[
-        {
-          type: "text",          text: "24/7 Security"},
-        {
-          type: "text",          text: "Strategic Logistics"},
-        {
-          type: "text",          text: "Optimized Inventory"},
-        {
-          type: "text",          text: "Dankuni Facility"},
-        {
-          type: "text",          text: "End-to-End Solutions"},
+        { type: "text", text: "24/7 Security" },
+        { type: "text", text: "Strategic Logistics" },
+        { type: "text", text: "Optimized Inventory" },
+        { type: "text", text: "Dankuni Facility" },
+        { type: "text", text: "End-to-End Solutions" },
       ]}
     />
   </div>
@@ -89,10 +75,8 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
-          type: "text",          content: "Our Commitment to Operational Excellence"},
-        {
-          type: "image",          src: "http://img.b2bpic.net/free-photo/african-american-worker-communicating-with-her-female-colleague-while-preparing-shipment-industrial-warehouse_637285-4050.jpg",          alt: "J M Business Enterprises Warehouse Team"},
+        { type: "text", content: "Our Commitment to Operational Excellence" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/african-american-worker-communicating-with-her-female-colleague-while-preparing-shipment-industrial-warehouse_637285-4050.jpg", alt: "J M Business Enterprises Warehouse Team" },
       ]}
     />
   </div>
@@ -103,12 +87,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          id: "feat-1",          title: "Secure Storage",          subtitle: "24/7 monitored facility",          category: "Security",          value: "High"},
-        {
-          id: "feat-2",          title: "Efficient Operations",          subtitle: "Streamlined inventory management",          category: "Efficiency",          value: "Optimized"},
-        {
-          id: "feat-3",          title: "Strategic Logistics",          subtitle: "Proximity to key transit routes",          category: "Location",          value: "Accessible"},
+        { id: "feat-1", title: "Secure Storage", subtitle: "24/7 monitored facility", category: "Security", value: "High" },
+        { id: "feat-2", title: "Efficient Operations", subtitle: "Streamlined inventory management", category: "Efficiency", value: "Optimized" },
+        { id: "feat-3", title: "Strategic Logistics", subtitle: "Proximity to key transit routes", category: "Location", value: "Accessible" },
       ]}
       title="Comprehensive Logistics & Storage"
       description="We offer end-to-end warehousing solutions tailored to the needs of manufacturers and distributors in West Bengal."
@@ -122,15 +103,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",          value: "99.9%",          title: "Uptime",          description: "Operational reliability",          icon: CheckCircle,
-        },
-        {
-          id: "m2",          value: "500+",          title: "Clients",          description: "Regional partners served",          icon: Users,
-        },
-        {
-          id: "m3",          value: "24/7",          title: "Support",          description: "Availability across shifts",          icon: Clock,
-        },
+        { id: "m1", value: "99.9%", title: "Uptime", description: "Operational reliability", icon: CheckCircle },
+        { id: "m2", value: "500+", title: "Clients", description: "Regional partners served", icon: Users },
+        { id: "m3", value: "24/7", title: "Support", description: "Availability across shifts", icon: Clock },
       ]}
       title="Operational Performance"
       description="We measure our success through the reliability and speed we provide to our business partners."
@@ -144,16 +119,11 @@ export default function LandingPage() {
       rating={5}
       author="Manufacturing Plant Manager"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/man-with-helmet-warehouse_23-2148886832.jpg",          alt: "Client A"},
-        {
-          src: "http://img.b2bpic.net/free-photo/smart-indian-engineer-man-wearing-safety-helmet-doing-stock-tick-check-cardboard-stock-product-management-factory-warehouse-background_609648-1377.jpg",          alt: "Client B"},
-        {
-          src: "http://img.b2bpic.net/free-photo/man-with-clipboard-warehouse_23-2148890054.jpg",          alt: "Client C"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-successful-middle-aged-manager-businessman-holding-tablet-computer-large-warehouse-organizing-distribution_342744-1548.jpg",          alt: "Client D"},
-        {
-          src: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12843.jpg",          alt: "Client E"},
+        { src: "http://img.b2bpic.net/free-photo/man-with-helmet-warehouse_23-2148886832.jpg", alt: "Client A" },
+        { src: "http://img.b2bpic.net/free-photo/smart-indian-engineer-man-wearing-safety-helmet-doing-stock-tick-check-cardboard-stock-product-management-factory-warehouse-background_609648-1377.jpg", alt: "Client B" },
+        { src: "http://img.b2bpic.net/free-photo/man-with-clipboard-warehouse_23-2148890054.jpg", alt: "Client C" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-successful-middle-aged-manager-businessman-holding-tablet-computer-large-warehouse-organizing-distribution_342744-1548.jpg", alt: "Client D" },
+        { src: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12843.jpg", alt: "Client E" },
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="blur-reveal"
@@ -165,12 +135,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",          title: "What types of inventory do you accept?",          content: "We handle a wide range of industrial and consumer goods for local manufacturers."},
-        {
-          id: "q2",          title: "Do you offer logistics support?",          content: "Yes, we provide strategic logistics integration for all storage clients."},
-        {
-          id: "q3",          title: "How do I request a quote?",          content: "Please contact us via our form with your volume requirements."},
+        { id: "q1", title: "What types of inventory do you accept?", content: "We handle a wide range of industrial and consumer goods for local manufacturers." },
+        { id: "q2", title: "Do you offer logistics support?", content: "Yes, we provide strategic logistics integration for all storage clients." },
+        { id: "q3", title: "How do I request a quote?", content: "Please contact us via our form with your volume requirements." },
+        { id: "q4", title: "What are your facility's accessibility and size specs?", content: "Our Dankuni facility features over 50,000 sq ft of premium storage space with wide-aisle access suitable for heavy-duty forklift maneuvering and multi-axle vehicle transit." }
       ]}
       mediaAnimation="blur-reveal"
       title="Common Inquiries"
@@ -187,14 +155,9 @@ export default function LandingPage() {
       title="Inquire About Storage Solutions"
       description="Get in touch today to discuss your warehousing and logistics needs in West Bengal."
       inputs={[
-        {
-          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
-        },
-        {
-          name: "email",          type: "email",          placeholder: "Business Email",          required: true,
-        },
-        {
-          name: "subject",          type: "text",          placeholder: "Company / Warehouse Requirement"},
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "email", type: "email", placeholder: "Business Email", required: true },
+        { name: "subject", type: "text", placeholder: "Company / Warehouse Requirement" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/industrial-park-factory-building-warehouse_1417-1927.jpg"
     />
@@ -204,30 +167,18 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="J M Business Enterprises"
       columns={[
-        {
-          title: "Solutions",          items: [
-            {
-              label: "Warehousing",              href: "#"},
-            {
-              label: "Logistics",              href: "#"},
-          ],
-        },
-        {
-          title: "Contact",          items: [
-            {
-              label: "Dankuni Warehouse",              href: "#"},
-            {
-              label: "Inquiry",              href: "#contact"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"},
-          ],
-        },
+        { title: "Solutions", items: [
+          { label: "Warehousing", href: "#" },
+          { label: "Logistics", href: "#" },
+        ] },
+        { title: "Contact", items: [
+          { label: "Dankuni Warehouse", href: "#" },
+          { label: "Inquiry", href: "#contact" },
+        ] },
+        { title: "Legal", items: [
+          { label: "Privacy Policy", href: "#" },
+          { label: "Terms of Service", href: "#" },
+        ] },
       ]}
       copyrightText="© 2025 | J M Business Enterprises Pvt Ltd"
     />
@@ -235,4 +186,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/pricing/page.tsx

@@ -0,0 +1,77 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Features", id: "/features" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "Testimonials", id: "/testimonials" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="J M Business Enterprises"
+          button={{ text: "Get Started", href: "/contact" }}
+        />
+        
+        <div id="pricing" data-section="pricing">
+          <PricingCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Flexible Pricing Plans"
+            description="Choose the plan that best fits your warehouse and logistics requirements."
+            plans={[
+              {
+                id: "basic",                badge: "Essential",                price: "$99",                subtitle: "For small businesses",                features: ["Basic storage", "Standard logistics", "Email support"],
+                buttons: [{ text: "Choose Plan", href: "#" }]
+              },
+              {
+                id: "pro",                badge: "Advanced",                price: "$299",                subtitle: "For growing operations",                features: ["Advanced storage", "Priority logistics", "24/7 support", "Inventory tracking"],
+                buttons: [{ text: "Choose Plan", href: "#" }]
+              }
+            ]}
+          />
+        </div>
+
+        <FooterBaseCard
+          logoText="J M Business Enterprises"
+          columns={[
+            { title: "Solutions", items: [
+              { label: "Warehousing", href: "#" },
+              { label: "Logistics", href: "#" },
+            ] },
+            { title: "Contact", items: [
+              { label: "Dankuni Warehouse", href: "#" },
+              { label: "Inquiry", href: "#" },
+            ] },
+            { title: "Legal", items: [
+              { label: "Privacy Policy", href: "#" },
+              { label: "Terms of Service", href: "#" },
+            ] },
+          ]}
+          copyrightText="© 2025 | J M Business Enterprises Pvt Ltd"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/styles/variables.css

@@ -12,11 +12,11 @@
 
   --background: #ffffff;
   --card: #f9f9f9;
-  --foreground: #000612e6;
-  --primary-cta: #15479c;
+  --foreground: #000f06e6;
+  --primary-cta: #0a7039;
   --primary-cta-text: #ffffff;
   --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000612e6;
+  --secondary-cta-text: #000f06e6;
   --accent: #e2e2e2;
   --background-accent: #c4c4c4;