Update theme colors

Merge version_2 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactText from '@/components/sections/contact/ContactText';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
@@ -31,71 +31,24 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",          id: "home"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Services",          id: "services"},
-        {
-          name: "Developments",          id: "developments"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "home" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Developments", id: "developments" },
+        { name: "Contact", id: "contact" },
       ]}
-      brandName="1st Phase"
+      brandName="First Phase"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient"}}
-      title="Precision Garments, Crafted for Worldwide Brands"
-      description="1st Phase Manufacturing is Sialkot's premium partner for high-end clothing production. We blend technical excellence with meticulous craftsmanship to turn your vision into market-leading collections."
-      testimonials={[
-        {
-          name: "Urban Filistine",          handle: "Client",          testimonial: "The precision and quality provided by 1st Phase is unmatched.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-personal-shopper-working_23-2148924143.jpg"},
-        {
-          name: "Humble Beast",          handle: "Client",          testimonial: "Seamless production scaling and impeccable quality standards.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379216.jpg"},
-        {
-          name: "Alter Hills",          handle: "Client",          testimonial: "Expertise in specialized manufacturing that truly sets us apart.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/angry-man-with-crossed-arms_1187-3142.jpg"},
-        {
-          name: "Global Brands",          handle: "Client",          testimonial: "Reliable partner for complex fashion garment assembly.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-chair_23-2149833734.jpg"},
-        {
-          name: "Studio Lead",          handle: "Client",          testimonial: "High standards and timely delivery every single time.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/working-new-collection_1098-14877.jpg"},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/image-tailor-s-workplace-with-sewing-machine-sewing-workshop_613910-19017.jpg"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-image-lot-coils-with-threads-sewing-workshop_613910-19015.jpg",          alt: "Portrait 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/sewing-machine-tailor-workshop_482257-85363.jpg",          alt: "Portrait 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/factory-worker-white-lab-suit-face-mask-assembling-parts-tv-set-table_645730-578.jpg",          alt: "Portrait 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-image-lot-coils-with-threads-sewing-workshop_613910-4427.jpg",          alt: "Portrait 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/man-creates-leather-ware_1157-33996.jpg",          alt: "Portrait 5"},
-      ]}
-      marqueeItems={[
-        {
-          type: "text",          text: "Sustainable Manufacturing"},
-        {
-          type: "text",          text: "Ethical Sourcing"},
-        {
-          type: "text",          text: "Global Logistics"},
-        {
-          type: "text",          text: "Innovation Driven"},
-        {
-          type: "text",          text: "Quality Assured"},
-      ]}
+      <HeroBillboardScroll
+      background={{ variant: "radial-gradient" }}
+      title="First Phase Manufacturing"
+      description="Precision garment manufacturing for the modern streetwear era. Sialkot's finest production partner, bridging visionary design with industrial-scale craftsmanship."
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6Vv232z6SBohvZI0MqIFrngo1/uploaded-1779499918231-qhhd1wba.png"
+      imageAlt="First Phase Manufacturing Logo"
+      tag="Manufacturing Excellence"
     />
   </div>
 
@@ -103,18 +56,11 @@ export default function LandingPage() {
       <SplitAbout
       textboxLayout="split"
       useInvertedBackground={true}
-      title="Legacy of Sialkot Craftsmanship"
-      description="Our heritage in manufacturing allows us to deliver precision-grade garments for brands across the globe. We prioritize efficiency, ethical production, and material integrity."
-      bulletPoints={[
-        {
-          title: "Technical Precision",          description: "Cutting-edge machinery meets expert manual skill for superior stitching."},
-        {
-          title: "Scalable Capacity",          description: "From small-batch boutique projects to large-scale global rollouts."},
-        {
-          title: "Quality Assured",          description: "Rigorous QC protocols ensuring consistency across all production lines."},
-      ]}
+      title="Dedicated to Excellence"
+      description="Led by our founder, we continue to push the boundaries of garment manufacturing. Our mission is to provide world-class production standards while maintaining the artisan spirit of Sialkot."
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E6Vv232z6SBohvZI0MqIFrngo1/uploaded-1779499635155-u27p51fn.jpg"
       mediaAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/making-clothes-tailor-sitting-table-working-sewing-machine-sewing-workshop_613910-5256.jpg"
+      bulletPoints={[]}
     />
   </div>
 
@@ -125,12 +71,9 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",          value: "100,000",          description: "Annual Production Units"},
-        {
-          id: "m2",          value: "500",          description: "Skilled Employees"},
-        {
-          id: "m3",          value: "20+",          description: "Years of Expertise"},
+        { id: "m1", value: "100,000", description: "Annual Production Units" },
+        { id: "m2", value: "500", description: "Skilled Employees" },
+        { id: "m3", value: "20+", description: "Years of Expertise" },
       ]}
       title="Manufacturing Scale"
       description="Operating with precision at scale to meet the demands of modern fashion."
@@ -142,7 +85,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Urban Filistine",        "Humble Beast",        "Alter Hills",        "Apex Apparel",        "Urban Street",        "Elite Stitch",        "Global Garment Co"]}
+        "Urban Filistine", "Humble Beast", "Alter Hills", "Apex Apparel", "Urban Street", "Elite Stitch", "Global Garment Co"
+      ]}
       title="Trusted by Visionary Brands"
       description="We are the silent partner behind the world's most innovative garment labels."
     />
@@ -155,18 +99,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",          name: "Cut & Sew",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-garage-sale_23-2150574511.jpg"},
-        {
-          id: "p2",          name: "Premium Denim",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-underground-hip-hop-musician_23-2150932933.jpg"},
-        {
-          id: "p3",          name: "Modern Headwear",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/asian-worker-arranging-mannequin-with-formal-suit-working-store-visual-with-fashionable-merchandise-employee-preparing-boutique-opening-waiting-customers-shopping-centre_482257-61880.jpg"},
-        {
-          id: "p4",          name: "Technical Outerwear",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/thimble-silk-high-angle_23-2148897940.jpg"},
-        {
-          id: "p5",          name: "Activewear Line",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/creative-atelier-shop-workspace_482257-95822.jpg"},
-        {
-          id: "p6",          name: "Lifestyle Apparel",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-tailor-working-with-cloth-samples-sewing-workshop_613910-6778.jpg"},
+        { id: "p1", name: "Cut & Sew", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-garage-sale_23-2150574511.jpg" },
+        { id: "p2", name: "Premium Denim", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-underground-hip-hop-musician_23-2150932933.jpg" },
+        { id: "p3", name: "Modern Headwear", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/asian-worker-arranging-mannequin-with-formal-suit-working-store-visual-with-fashionable-merchandise-employee-preparing-boutique-opening-waiting-customers-shopping-centre_482257-61880.jpg" },
+        { id: "p4", name: "Technical Outerwear", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/thimble-silk-high-angle_23-2148897940.jpg" },
+        { id: "p5", name: "Activewear Line", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/creative-atelier-shop-workspace_482257-95822.jpg" },
+        { id: "p6", name: "Lifestyle Apparel", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-tailor-working-with-cloth-samples-sewing-workshop_613910-6778.jpg" },
       ]}
       title="Core Departments"
       description="Explore our specialized production lines."
@@ -180,18 +118,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        {
-          id: "p7",          name: "Laser Cutting",          price: "Tech",          imageSrc: "http://img.b2bpic.net/free-photo/fabric-texture-background_1388-107.jpg"},
-        {
-          id: "p8",          name: "Advanced Dyeing",          price: "Custom",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-holding-shirt_23-2148539809.jpg"},
-        {
-          id: "p9",          name: "Complex Assembly",          price: "Pro",          imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-tools-professional-permanent-makeup-medicine-table_8353-8396.jpg"},
-        {
-          id: "p10",          name: "Embroidery Suite",          price: "Tech",          imageSrc: "http://img.b2bpic.net/free-photo/blue-silk-sleeve-close-up_23-2148237591.jpg"},
-        {
-          id: "p11",          name: "Fabric Finishing",          price: "Finishing",          imageSrc: "http://img.b2bpic.net/free-photo/empty-clothing-department-store-shopping-mall-new-fashion-collection-shelf-fashionable-clothes-hangers-accessories-modern-boutique-with-merchandise-sale-customers_482257-65524.jpg"},
-        {
-          id: "p12",          name: "Quality Packing",          price: "QC",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-lot-coils-with-threads-sewing-workshop_613910-19021.jpg"},
+        { id: "p7", name: "Laser Cutting", price: "Tech", imageSrc: "http://img.b2bpic.net/free-photo/fabric-texture-background_1388-107.jpg" },
+        { id: "p8", name: "Advanced Dyeing", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-holding-shirt_23-2148539809.jpg" },
+        { id: "p9", name: "Complex Assembly", price: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-tools-professional-permanent-makeup-medicine-table_8353-8396.jpg" },
+        { id: "p10", name: "Embroidery Suite", price: "Tech", imageSrc: "http://img.b2bpic.net/free-photo/blue-silk-sleeve-close-up_23-2148237591.jpg" },
+        { id: "p11", name: "Fabric Finishing", price: "Finishing", imageSrc: "http://img.b2bpic.net/free-photo/empty-clothing-department-store-shopping-mall-new-fashion-collection-shelf-fashionable-clothes-hangers-accessories-modern-boutique-with-merchandise-sale-customers_482257-65524.jpg" },
+        { id: "p12", name: "Quality Packing", price: "QC", imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-lot-coils-with-threads-sewing-workshop_613910-19021.jpg" },
       ]}
       title="Manufacturing Capabilities"
       description="Showcasing the precision of our production process."
@@ -203,14 +135,8 @@ export default function LandingPage() {
       animationType="depth-3d"
       textboxLayout="default"
       useInvertedBackground={false}
-      negativeCard={{
-        items: [
-          "Short-term thinking",          "Standardized mass production",          "Minimal oversight"],
-      }}
-      positiveCard={{
-        items: [
-          "Long-term brand partnership",          "Custom tailored production",          "Real-time QC reporting"],
-      }}
+      negativeCard={{ items: ["Short-term thinking", "Standardized mass production", "Minimal oversight"] }}
+      positiveCard={{ items: ["Long-term brand partnership", "Custom tailored production", "Real-time QC reporting"] }}
       title="Community & Worldwide Network"
       description="Connecting local expertise with a global fashion ecosystem."
     />
@@ -221,14 +147,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "f1",          title: "What are your minimum order quantities?",          content: "Our MOQ typically starts at 500 units per style, though this varies based on project complexity."},
-        {
-          id: "f2",          title: "Where is the production located?",          content: "We operate out of Sialkot, Pakistan, the hub for high-end garment manufacturing."},
-        {
-          id: "f3",          title: "Do you offer sample development?",          content: "Yes, we provide full sample development services prior to full-scale production."},
-        {
-          id: "f4",          title: "What is the lead time?",          content: "Typical production lead times are 4-8 weeks depending on the order size and fabric availability."},
+        { id: "f1", title: "What are your minimum order quantities?", content: "Our MOQ typically starts at 500 units per style, though this varies based on project complexity." },
+        { id: "f2", title: "Where is the production located?", content: "We operate out of Sialkot, Pakistan, the hub for high-end garment manufacturing." },
+        { id: "f3", title: "Do you offer sample development?", content: "Yes, we provide full sample development services prior to full-scale production." },
+        { id: "f4", title: "What is the lead time?", content: "Typical production lead times are 4-8 weeks depending on the order size and fabric availability." },
       ]}
       title="Frequently Asked Questions"
       description="Clarifying our production process and partnership requirements."
@@ -239,26 +161,20 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       text="Ready to scale your production? Let's build your next collection."
-      buttons={[
-        {
-          text: "Contact Our Team",          href: "/contact"},
-      ]}
+      buttons={[{ text: "Contact Our Team", href: "/contact" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
-      logoText="1st Phase"
-      leftLink={{
-        text: "Privacy Policy",        href: "#"}}
-      rightLink={{
-        text: "Terms of Service",        href: "#"}}
+      logoText="First Phase"
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Terms of Service", href: "#" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -12,13 +12,13 @@
 
   --background: #0a0a0a;
   --card: #1a1a1a;
-  --foreground: #ffffff;
-  --primary-cta: #e34400;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #010101;
+  --foreground: #f5f5f5;
+  --primary-cta: #dfff1c;
+  --primary-cta-text: #0a0a0a;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #ffffff;
-  --accent: #737373;
-  --background-accent: #e34400;
+  --accent: #8b9a1b;
+  --background-accent: #5d6b00;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);