Update src/app/page.tsx

src/app/about/page.tsx

@@ -0,0 +1,66 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="large"
+        background="circleGradient"
+        cardStyle="solid"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarStyleCentered
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Services", id: "/#features" },
+                { name: "About", id: "/about" },
+                { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="BIN Logistics"
+            />
+        </div>
+
+        <div id="about" data-section="about">
+            <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Your Trusted Logistics Partner"
+            description="Founded in April 2022, BIN Company Limited has quickly established itself as a reliable third-party logistics provider. We bridge the gap between manufacturers and markets through precision, dedication, and professional logistics management."
+            bulletPoints={[
+                { title: "Industry Expertise", description: "Professional team with deep insights into local supply chain challenges." },
+                { title: "Commitment to Growth", description: "Empowering Vietnam's manufacturing exporters through scalable services." },
+                { title: "Customer-Centric", description: "Prioritizing reliability and transparency in every shipping engagement." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/arranging-order-deliveries-using-invoice-identification-codes_482257-83415.jpg"
+            imageAlt="BIN Company warehouse facility"
+            mediaAnimation="slide-up"
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-vector/20-cryptocurrency-solid-glyph-icon-presentation-vector-icons-illustration_1142-16944.jpg?_wi=2"
+            logoText="BIN Logistics"
+            columns={[
+                { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Services", href: "/#features" }, { label: "Contact", href: "/#contact" }] }
+            ]}
+            copyrightText="© 2025 BIN Company Limited | Established 2022"
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -31,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Home", id: "/" },
-          name: "Home",
+        { name: "Services", id: "/#features" },
-          id: "#hero",
+        { name: "About", id: "/about" },
-        },
+        { name: "Contact", id: "/#contact" },
-        {
-          name: "Services",
-          id: "#features",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
       ]}
       brandName="BIN Logistics"
     />
@@ -54,68 +42,13 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       title="Logistics Solutions Built for Vietnam's Growth"
       description="BIN delivers reliable, transparent shipping and warehousing services to manufacturers, traders, and distributors across Vietnam. From port to doorstep, we move your business forward."
-      buttons={[
+      buttons={[{ text: "Request a Quote", href: "#contact" }]}
-        {
-          text: "Request a Quote",
-          href: "#contact",
-        },
-      ]}
       imageSrc="http://img.b2bpic.net/free-photo/night-time-industrial-port-scene-with-shipping-containers-reflective-surfaces_23-2152005490.jpg"
       imageAlt="Logistics operations at a shipping port"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-serious-handsome-middle-aged-boss_1262-4837.jpg",
-          alt: "Logistics Lead",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
-          alt: "Operations Manager",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
-          alt: "Supply Chain Expert",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg",
-          alt: "Warehouse Coordinator",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg",
-          alt: "Support Specialist",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/petroleum-gas-container-ship-oil-refinery-background-energy-nautical-transportation_1127-3249.jpg",
-          alt: "Global Freight",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/cargo-ships-docked-port-night_23-2152021803.jpg",
-          alt: "Port Operations",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/photorealistic-scene-with-warehouse-logistics-operations_23-2151468841.jpg",
-          alt: "Smart Logistics",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/harbor-sunset_1359-1120.jpg",
-          alt: "International Shipping",
-        },
-        {
-          type: "text",
-          text: "Trusted by 50+ Partners",
-        },
-      ]}
     />
   </div>
 
@@ -125,184 +58,19 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
+        { icon: Star, title: "Freight Forwarding", description: "Reliable sea and land transportation connecting major ports across Vietnam." },
-          icon: Star,
+        { icon: Building2, title: "Smart Warehousing", description: "Secure storage solutions with inventory management and distribution capabilities." },
-          title: "Freight Forwarding",
+        { icon: Truck, title: "Last-Mile Delivery", description: "Fast and efficient delivery from warehouse to final customer destination." }
-          description: "Reliable sea and land transportation connecting major ports across Vietnam.",
-        },
-        {
-          icon: Building2,
-          title: "Smart Warehousing",
-          description: "Secure storage solutions with inventory management and distribution capabilities.",
-        },
-        {
-          icon: Truck,
-          title: "Last-Mile Delivery",
-          description: "Fast and efficient delivery from warehouse to final customer destination.",
-        },
-        {
-          icon: ShieldCheck,
-          title: "Cargo Insurance",
-          description: "Full coverage options to ensure your goods are protected during transit.",
-        },
-        {
-          icon: BarChart,
-          title: "Shipment Tracking",
-          description: "Real-time visibility into your cargo's status and location.",
-        },
-        {
-          icon: Headphones,
-          title: "Dedicated Support",
-          description: "Expert logistics managers available 24/7 to handle your requests.",
-        },
       ]}
       title="Comprehensive Logistics Services"
       description="We offer end-to-end solutions designed to streamline your supply chain and reduce operational complexity."
     />
   </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="Your Trusted Logistics Partner"
-      description="Founded in April 2022, BIN Company Limited has quickly established itself as a reliable third-party logistics provider. We bridge the gap between manufacturers and markets through precision, dedication, and professional logistics management."
-      bulletPoints={[
-        {
-          title: "Industry Expertise",
-          description: "Professional team with deep insights into local supply chain challenges.",
-        },
-        {
-          title: "Commitment to Growth",
-          description: "Empowering Vietnam's manufacturing exporters through scalable services.",
-        },
-        {
-          title: "Customer-Centric",
-          description: "Prioritizing reliability and transparency in every shipping engagement.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/arranging-order-deliveries-using-invoice-identification-codes_482257-83415.jpg"
-      imageAlt="BIN Company warehouse facility"
-      mediaAnimation="slide-up"
-    />
-  </div>
-
-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={true}
-      title="Proven Performance"
-      tag="Our Impact"
-      metrics={[
-        {
-          id: "m1",
-          value: "100+",
-          description: "Successful Shipments Monthly",
-        },
-        {
-          id: "m2",
-          value: "99.8%",
-          description: "On-Time Delivery Rate",
-        },
-        {
-          id: "m3",
-          value: "50+",
-          description: "Logistics Partnerships",
-        },
-        {
-          id: "m4",
-          value: "24/7",
-          description: "Client Support Availability",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Nguyen",
-          handle: "Operations Director",
-          testimonial: "BIN has simplified our entire supply chain. Their transparency and reliability have been game-changing.",
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg",
-        },
-        {
-          id: "2",
-          name: "David Tran",
-          handle: "Logistics Manager",
-          testimonial: "The BIN team understands the unique challenges of Vietnamese manufacturing. Exceptional delivery speed.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-looking-camera_23-2148304959.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Le",
-          handle: "Export Coordinator",
-          testimonial: "Highly recommended for any manufacturer looking for cost-effective shipping solutions.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
-        },
-        {
-          id: "4",
-          name: "Michael Pham",
-          handle: "Operations Manager",
-          testimonial: "Consistently on time and very responsive. They take the stress out of our distribution.",
-          imageSrc: "http://img.b2bpic.net/free-photo/thinking-man-dark-suit-studio-shot_613910-10754.jpg",
-        },
-        {
-          id: "5",
-          name: "Jenny Vo",
-          handle: "Supply Chain Lead",
-          testimonial: "A truly trusted partner that has helped us scale our export capabilities efficiently.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-well-dressed-man-with-beard-posing-outdoors_1328-3268.jpg",
-        },
-      ]}
-      title="Trusted by Industry Leaders"
-      description="Don't just take our word for it—hear what our clients say about our reliability and commitment to their supply chains."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "Which regions in Vietnam do you serve?",
-          content: "We cover major manufacturing zones and ports across the country, providing end-to-end logistics solutions.",
-        },
-        {
-          id: "f2",
-          title: "How do you ensure cargo security?",
-          content: "We implement rigorous security checks, full-transit insurance options, and constant monitoring of shipment status.",
-        },
-        {
-          id: "f3",
-          title: "What makes your pricing competitive?",
-          content: "We optimize logistics networks to reduce waste and offer flexible service tiers to match your specific volume requirements.",
-        },
-        {
-          id: "f4",
-          title: "Can you handle perishable items?",
-          content: "Our logistics team is equipped to manage specific cargo types—please contact us for details about temperature-controlled shipping.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Get clear answers to common inquiries about our logistics solutions and service coverage."
-      faqsAnimation="slide-up"
-    />
-  </div>
-
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       tag="Let's Get Started"
       title="Request a Logistics Quote"
       description="Ready to streamline your supply chain? Provide us with your details, and our logistics experts will get back to you promptly with a tailored proposal."
@@ -315,43 +83,10 @@ export default function LandingPage() {
 
   <div id="footer" data-section="footer">
       <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-vector/20-cryptocurrency-solid-glyph-icon-presentation-vector-icons-illustration_1142-16944.jpg"
+      imageSrc="http://img.b2bpic.net/free-vector/20-cryptocurrency-solid-glyph-icon-presentation-vector-icons-illustration_1142-16944.jpg?_wi=1"
       logoText="BIN Logistics"
       columns={[
-        {
+        { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Services", href: "/#features" }, { label: "Contact", href: "/#contact" }] }
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Compliance",
-              href: "#",
-            },
-          ],
-        },
       ]}
       copyrightText="© 2025 BIN Company Limited | Established 2022"
     />
@@ -359,4 +94,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}