Update src/app/page.tsx

Merge version_6 into main

src/app/page.tsx

@@ -7,11 +7,9 @@ import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import SplitAbout from '@/components/sections/about/SplitAbout';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Award, CheckCircle, Globe } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,22 +29,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "features" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="DARWAZA UNITED"
     />
@@ -56,12 +42,7 @@ export default function LandingPage() {
       <HeroLogo
       logoText="DARWAZA UNITED"
       description="Your trusted partner in international general trading, supply chain optimization, and comprehensive marketing solutions."
-      buttons={[
-        {
-          text: "Explore Services",
-          href: "#features",
-        },
-      ]}
+      buttons={[{ text: "Explore Services", href: "#features" }]}
       buttonAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/cargo-ships-docked-port-night_23-2152021803.jpg"
       imageAlt="Global Trade Logistics"
@@ -75,18 +56,9 @@ export default function LandingPage() {
       title="Bridging Global Markets"
       description="Darwaza United Company specializes in connecting producers and consumers through a robust network of international trading channels. We leverage decades of experience to ensure seamless supply chain execution."
       bulletPoints={[
-        {
-          title: "Expert Trading",
-          description: "Global reach in commodities and consumer goods.",
-        },
-        {
-          title: "Strategic Marketing",
-          description: "Data-driven marketing to expand your brand presence.",
-        },
-        {
-          title: "Supply Chain Excellence",
-          description: "Optimized logistics for timely, secure delivery.",
-        },
+        { title: "Expert Trading", description: "Global reach in commodities and consumer goods." },
+        { title: "Strategic Marketing", description: "Data-driven marketing to expand your brand presence." },
+        { title: "Supply Chain Excellence", description: "Optimized logistics for timely, secure delivery." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/pensive-business-professional-thinking-ideas_74855-1170.jpg"
       imageAlt="Business Partnership"
@@ -99,24 +71,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Logistics Mastery",
-          description: "Comprehensive freight and warehousing management.",
-          imageSrc: "http://img.b2bpic.net/free-vector/isometric-export-import-set-circle-compositions-with-text-captions-cargo-vehicles-logistics-management-destination-points-vector-illustration_98292-8526.jpg",
-          imageAlt: "Logistics",
-        },
-        {
-          title: "Market Expansion",
-          description: "Targeted marketing to enter new geographic markets.",
-          imageSrc: "http://img.b2bpic.net/free-photo/sales-assistant-planning-business-charts-digital-laptop-working-with-e-commerce-e-shopping-management-company-office-manager-using-statistics-develop-creative-project_482257-39076.jpg",
-          imageAlt: "Marketing",
-        },
-        {
-          title: "Documentation Handling",
-          description: "Expert navigation of international import/export regulations.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-businesswoman-strict-clothes-black-jacket-holding-files-documents-light-white-desk_140725-64213.jpg",
-          imageAlt: "Documentation",
-        },
+        { title: "Logistics Mastery", description: "Comprehensive freight and warehousing management.", imageSrc: "http://img.b2bpic.net/free-vector/isometric-export-import-set-circle-compositions-with-text-captions-cargo-vehicles-logistics-management-destination-points-vector-illustration_98292-8526.jpg", imageAlt: "Logistics" },
+        { title: "Market Expansion", description: "Targeted marketing to enter new geographic markets.", imageSrc: "http://img.b2bpic.net/free-photo/sales-assistant-planning-business-charts-digital-laptop-working-with-e-commerce-e-shopping-management-company-office-manager-using-statistics-develop-creative-project_482257-39076.jpg", imageAlt: "Marketing" },
+        { title: "Documentation Handling", description: "Expert navigation of international import/export regulations.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-businesswoman-strict-clothes-black-jacket-holding-files-documents-light-white-desk_140725-64213.jpg", imageAlt: "Documentation" },
       ]}
       title="Comprehensive Trade Solutions"
       description="We streamline complexity through dedicated trade and marketing services."
@@ -124,101 +81,28 @@ export default function LandingPage() {
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardThree
+      <MetricCardTwo
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
+      gridVariant="uniform-all-items-equal"
       metrics={[
-        {
-          id: "m1",
-          title: "Countries Served",
-          value: "45+",
-          icon: Globe,
-        },
-        {
-          id: "m2",
-          title: "Projects Completed",
-          value: "200+",
-          icon: CheckCircle,
-        },
-        {
-          id: "m3",
-          title: "Client Retention",
-          value: "98%",
-          icon: Award,
-        },
+        { id: "m1", description: "Countries Served", value: "45+" },
+        { id: "m2", description: "Projects Completed", value: "200+" },
+        { id: "m3", description: "Client Retention", value: "98%" },
       ]}
       title="Our Impact in Numbers"
       description="Demonstrating consistency in delivery and client satisfaction over the years."
     />
   </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Ali Hassan",
-          handle: "@ali_trading",
-          testimonial: "Exceptional reliability and transparent communication.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
-        },
-        {
-          id: "t2",
-          name: "Sarah Chen",
-          handle: "@schen_logistics",
-          testimonial: "They streamlined our import process effectively.",
-          imageSrc: "http://img.b2bpic.net/free-photo/colleagues-holding-tablet-computers-sitting-stairs_1262-20052.jpg",
-        },
-        {
-          id: "t3",
-          name: "Marco Rossi",
-          handle: "@mrossi_imp",
-          testimonial: "Professional marketing insights helped us grow.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-using-tablet_1262-5673.jpg",
-        },
-        {
-          id: "t4",
-          name: "Elena Dumitru",
-          handle: "@edumitru",
-          testimonial: "Consistent support for our supply chain goals.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-businesswoman-digital-nomad-posing-her-office-wearing-casual-clothes_1258-195337.jpg",
-        },
-        {
-          id: "t5",
-          name: "John Smith",
-          handle: "@jsmith_co",
-          testimonial: "Trustworthy partner for international trade.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businessman-works-laptop_1163-5473.jpg",
-        },
-      ]}
-      title="Partner Voices"
-      description="Hear from our clients about our impact on their global trade operations."
-    />
-  </div>
-
   <div id="faq" data-section="faq">
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "Which industries do you serve?",
-          content: "We cover a vast array of commodities and consumer goods.",
-        },
-        {
-          id: "f2",
-          title: "Can you handle documentation?",
-          content: "Yes, full clearance and documentation service included.",
-        },
-        {
-          id: "f3",
-          title: "How do we begin?",
-          content: "Contact us via the form to schedule an assessment.",
-        },
+        { id: "f1", title: "Which industries do you serve?", content: "We cover a vast array of commodities and consumer goods." },
+        { id: "f2", title: "Can you handle documentation?", content: "Yes, full clearance and documentation service included." },
+        { id: "f3", title: "How do we begin?", content: "Contact us via the form to schedule an assessment." },
       ]}
       sideTitle="Common Inquiries"
       sideDescription="Clear answers to help you start your partnership."
@@ -229,50 +113,19 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Let's Connect"
       title="Start Your Trading Journey"
       description="Reach out to Darwaza United today to optimize your market reach."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Contact Us", href: "#" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
       ]}
       bottomLeftText="© 2024 Darwaza United Company. All rights reserved."
       bottomRightText="Building global success together."
@@ -281,4 +134,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f6f0e9;
-  --card: #efe7dd;
-  --foreground: #2b180a;
-  --primary-cta: #2b180a;
-  --primary-cta-text: #f6f0e9;
-  --secondary-cta: #efe7dd;
-  --secondary-cta-text: #2b180a;
-  --accent: #94877c;
-  --background-accent: #afa094;
+  --background: #020617;
+  --card: #0f172a;
+  --foreground: #e2e8f0;
+  --primary-cta: #c4d8f9;
+  --primary-cta-text: #020617;
+  --secondary-cta: #041633;
+  --secondary-cta-text: #3d6fb1;
+  --accent: #2d30f3;
+  --background-accent: #1d4ed8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);