Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -10,7 +10,7 @@ import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGaller
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 
 export default function LandingPage() {
@@ -58,6 +58,7 @@ export default function LandingPage() {
         { imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-desk-mess_23-2150164872.jpg" },
       ]}
       mediaAnimation="slide-up"
+      buttonClassName="font-bold"
     />
   </div>
 
@@ -77,31 +78,32 @@ export default function LandingPage() {
       textboxLayout="inline-image"
       useInvertedBackground={false}
       features={[
-        { id: "s1", label: "Graphic Design", title: "Branding & Print", items: ["Logo Design", "Business Cards", "Flyers & Posters", "Marketing Material"] },
-        { id: "s2", label: "Social Media", title: "Engagement Strategy", items: ["Content Creation", "Monthly Posting Plans", "Hashtag Strategy", "Page Growth"] },
-        { id: "s3", label: "Website", title: "Digital Presence", items: ["Custom Landing Pages", "Small Business Websites", "UI/UX Design"] },
+        { id: "s1", label: "Graphic Design", title: "Branding & Print", items: ["Logo Design", "Business Cards", "Flyers & Posters", "Marketing Material"], buttons: [{text: "Learn More"}] },
+        { id: "s2", label: "Social Media", title: "Engagement Strategy", items: ["Content Creation", "Monthly Posting Plans", "Hashtag Strategy", "Page Growth"], buttons: [{text: "Learn More"}] },
+        { id: "s3", label: "Website", title: "Digital Presence", items: ["Custom Landing Pages", "Small Business Websites", "UI/UX Design"], buttons: [{text: "Learn More"}] },
       ]}
       title="Our Creative Services"
       description="We help brands grow through strategic visual storytelling."
+      buttons={[{text: "View All Services"}]}
+      textBoxButtonClassName="font-bold text-lg"
     />
   </div>
 
   <div id="portfolio" data-section="portfolio">
-      <ProductCardTwo
+      <ProductCardThree
       animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
+      textboxLayout="split-actions"
+      gridVariant="bento-grid"
       useInvertedBackground={true}
       products={[
-        { id: "p1", brand: "Branding", name: "Earthy Identity", price: "Custom", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/big-stationery-concept_23-2147786742.jpg" },
-        { id: "p2", brand: "Social", name: "Digital Series", price: "Custom", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/design-style-graphic-creativity-ideas-illustration-concept_53876-121068.jpg" },
-        { id: "p3", brand: "Print", name: "Poster Layout", price: "Custom", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimalist-flyer-template_23-2149991660.jpg" },
-        { id: "p4", brand: "Branding", name: "Logo Concept", price: "Custom", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/stationery-ice-cream-concept_23-2147803265.jpg" },
-        { id: "p5", brand: "Social", name: "Ads Campaign", price: "Custom", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-tablet-device_23-2149749887.jpg" },
-        { id: "p6", brand: "Print", name: "Brochure Design", price: "Custom", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-vector/triangle-cover-brochure-mock-up_23-2147492651.jpg" },
+        { id: "p1", name: "Earthy Identity", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/big-stationery-concept_23-2147786742.jpg" },
+        { id: "p2", name: "Digital Series", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/design-style-graphic-creativity-ideas-illustration-concept_53876-121068.jpg" },
+        { id: "p3", name: "Poster Layout", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimalist-flyer-template_23-2149991660.jpg" },
+        { id: "p4", name: "Logo Concept", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/stationery-ice-cream-concept_23-2147803265.jpg" },
       ]}
       title="Featured Projects"
       description="A glimpse into our recent creative work."
+      buttons={[{text: "See More Works"}]}
     />
   </div>
 
@@ -129,8 +131,6 @@ export default function LandingPage() {
         { id: "1", name: "Sarah J.", handle: "@sarahbiz", testimonial: "Professional, creative, and always delivers beyond expectations.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg" },
         { id: "2", name: "Mark D.", handle: "@markstudio", testimonial: "The best design partner I've ever worked with.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket_23-2149020790.jpg" },
         { id: "3", name: "Emily R.", handle: "@emmy_r", testimonial: "Absolutely love their attention to detail and personal touch.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-slim-sensual-girl-gray-dress-leaning-against_613910-151.jpg" },
-        { id: "4", name: "John B.", handle: "@j_biz", testimonial: "Lief vir Kreatief changed how my customers see my brand.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-lady-designer-sitting-office-night_171337-15594.jpg" },
-        { id: "5", name: "Anna P.", handle: "@annap_creative", testimonial: "Reliable and incredibly talented design studio.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/job-seat-commercial-digitally-generated-blank_1134-1162.jpg" },
       ]}
       showRating={true}
       title="What Clients Say"
@@ -179,4 +179,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fbfaf8;
-  --card: #ffffff;
-  --foreground: #3d3935;
-  --primary-cta: #c1a58d;
+  --background: #F5F3EF;
+  --card: #FFFFFF;
+  --foreground: #2D2926;
+  --primary-cta: #D4A373;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f1eee9;
+  --secondary-cta: #E6DCCF;
   --secondary-cta-text: #2b2520;
-  --accent: #d6ccc2;
-  --background-accent: #f5ebe0;
+  --accent: #CCD5AE;
+  --background-accent: #FAEDCD;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);