Merge version_6 into main

Merge version_6 into main

registry/components/MetricCardSeven.json

@@ -70,7 +70,7 @@
     "ariaLabel?": "string (default: 'Metrics section')",
     "className?": "string"
   },
-  "usageExample": "<MetricCardSeven metrics={[{ id: '1', value: '15+', title: 'Years in business consulting', items: ['8+ industries served', '5+ countries reached'] }, { id: '2', value: '500+', title: 'Projects completed', items: ['98% client satisfaction', 'Award-winning designs'] }]} title=\"Our Impact\" description=\"Key metrics that showcase our growth\" textboxLayout=\"default\" animationType=\"slide-up\" useInvertedBackground={false} />",
+  "usageExample": "<MetricCardSeven metrics={[{ id: '1', value: '15+', title: 'Years in business consulting', items: ['8+ industries served', '5+ countries reached'] }, { id: '2', value: '300+', title: 'Projects completed', items: ['98% client satisfaction', 'Award-winning designs'] }]} title=\"Our Impact\" description=\"Key metrics that showcase our growth\" textboxLayout=\"default\" animationType=\"slide-up\" useInvertedBackground={false} />",
   "do": [
     "Use for feature showcases",
     "Use for capability displays",

registry/components/TestimonialCardSixteen.json

@@ -52,7 +52,7 @@
       "required": true,
       "exactCount": 3,
       "structure": {
-        "value": "string - KPI value (e.g., '500+', '98%')",
+        "value": "string - KPI value (e.g., '300+', '98%')",
         "label": "string - KPI label"
       },
       "note": "Exactly 3 KPI items displayed in a card below testimonials"
@@ -97,7 +97,7 @@
     "textBoxButtonClassName?": "string",
     "textBoxButtonTextClassName?": "string"
   },
-  "usageExample": "<ThemeProvider defaultButtonVariant=\"icon-arrow\" borderRadius=\"rounded\">\n  <TestimonialCardSixteen\n    title=\"What Our Clients Say\"\n    description=\"Trusted by industry leaders worldwide.\"\n    tag=\"Testimonials\"\n    tagIcon={Quote}\n    textboxLayout=\"default\"\n    animationType=\"fade\"\n    useInvertedBackground=\"none\"\n    testimonials={[\n      {\n        id: \"1\",\n        name: \"Jane Smith\",\n        role: \"CEO\",\n        company: \"TechCorp\",\n        rating: 5,\n        imageSrc: \"/testimonial1.jpg\"\n      }\n    ]}\n    kpiItems={[\n      { value: \"500+\", label: \"Happy Clients\" },\n      { value: \"98%\", label: \"Satisfaction Rate\" },\n      { value: \"10+\", label: \"Years Experience\" }\n    ]}\n  />\n</ThemeProvider>",
+  "usageExample": "<ThemeProvider defaultButtonVariant=\"icon-arrow\" borderRadius=\"rounded\">\n  <TestimonialCardSixteen\n    title=\"What Our Clients Say\"\n    description=\"Trusted by industry leaders worldwide.\"\n    tag=\"Testimonials\"\n    tagIcon={Quote}\n    textboxLayout=\"default\"\n    animationType=\"fade\"\n    useInvertedBackground=\"none\"\n    testimonials={[\n      {\n        id: \"1\",\n        name: \"Jane Smith\",\n        role: \"CEO\",\n        company: \"TechCorp\",\n        rating: 5,\n        imageSrc: \"/testimonial1.jpg\"\n      }\n    ]}\n    kpiItems={[\n      { value: \"300+\", label: \"Happy Clients\" },\n      { value: \"98%\", label: \"Satisfaction Rate\" },\n      { value: \"10+\", label: \"Years Experience\" }\n    ]}\n  />\n</ThemeProvider>",
   "do": [
     "Use for testimonial sections with visual emphasis on people",
     "Include exactly 3 KPI items for the bottom section",

src/app/page.tsx

@@ -9,21 +9,21 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import { Wind, Zap, Award, Star } from 'lucide-react';
+import { Wind, Zap, Award, Star, CheckCircle, Lock, Headphones, TrendingUp } from 'lucide-react';
 
 export default function LandingPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="expand-hover"
       defaultTextAnimation="entrance-slide"
-      borderRadius="soft"
-      contentWidth="compact"
-      sizing="largeSizeMediumTitles"
-      background="circleGradient"
-      cardStyle="outline"
-      primaryButtonStyle="diagonal-gradient"
-      secondaryButtonStyle="radial-glow"
-      headingFontWeight="semibold"
+      borderRadius="rounded"
+      contentWidth="mediumLarge"
+      sizing="largeSmallSizeLargeTitles"
+      background="none"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
@@ -49,7 +49,7 @@ export default function LandingPage() {
           tagAnimation="slide-up"
           background={{ variant: "sparkles-gradient" }}
           buttons={[
-            { text: "Get a Free Consultation", href: "contact" },
+            { text: "Schedule Free Consultation", href: "contact" },
             { text: "Learn More", href: "services" },
           ]}
           buttonAnimation="slide-up"
@@ -61,7 +61,7 @@ export default function LandingPage() {
             {
               imageSrc: "http://img.b2bpic.net/free-photo/defective-manometers-zoom-shot_482257-96171.jpg?_wi=1",              imageAlt: "Advanced cooling system"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/defective-manometers-zoom-shot_482257-96171.jpg?_wi=2",              imageAlt: "Energy-efficient heat pump"},
+              imageSrc: "http://img.b2bpic.net/free-photo/hands-engineer-working-blueprint-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-477.jpg?id=1238639",              imageAlt: "Energy-efficient heat pump"},
             {
               imageSrc: "http://img.b2bpic.net/free-photo/coworkers-refill-air-conditioner-freon_482257-90737.jpg",              imageAlt: "Technical service and maintenance"},
           ]}
@@ -99,10 +99,12 @@ export default function LandingPage() {
           tagIcon={Award}
           tagAnimation="slide-up"
           title="Experience From Day One"
-          description="KlimaComfort AS is ISO-certified and compliant with all Norwegian energy efficiency standards. Our team brings strong technical knowledge and proven routines from 500+ completed enterprises and projects. We specialize in ventilation systems, cooling solutions, heat pumps, and total technical contracting for both residential and commercial buildings. With comprehensive service and rehabilitation capabilities, technical inspections backed by Energy Performance Warranty, and professional energy assessments, we deliver premium climate solutions with guaranteed performance and industry-leading expertise."
+          description="KlimaComfort AS is ISO-certified and compliant with all Norwegian energy efficiency standards. Our team brings strong technical knowledge and proven routines from 300+ completed enterprises and projects. We specialize in ventilation systems, cooling solutions, heat pumps, and total technical contracting for both residential and commercial buildings. With comprehensive service and rehabilitation capabilities, technical inspections backed by Energy Performance Warranty, and professional energy assessments, we deliver premium climate solutions with guaranteed performance and industry-leading expertise."
           metrics={[
-            { value: "20+", title: "Years Industry Experience" },
-            { value: "500+", title: "Projects Completed" },
+            { value: "7+", title: "Years Industry Experience" },
+            { value: "300+", title: "Projects Completed" },
+            { value: "100%", title: "ISO Certified" },
+            { value: "24/7", title: "Technical Support" },
           ]}
           mediaAnimation="slide-up"
           metricsAnimation="slide-up"
@@ -120,9 +122,13 @@ export default function LandingPage() {
           tagAnimation="slide-up"
           metrics={[
             {
-              id: "1",              value: "100%",              description: "Long industry experience with proven technical routines and quality standards across all projects."},
+              id: "1",              value: "360°",              description: "Total technical responsibility from design through installation, maintenance, and rehabilitation."},
             {
-              id: "2",              value: "360°",              description: "Total technical responsibility from design through installation, maintenance, and rehabilitation."},
+              id: "2",              value: "ISO",              description: "Certified and compliant with all Norwegian energy efficiency standards and regulations."},
+            {
+              id: "3",              value: "300+",              description: "Successfully completed projects with proven technical routines and quality standards."},
+            {
+              id: "4",              value: "7+",              description: "Years of industry experience delivering premium climate solutions with expertise."},
           ]}
           metricsAnimation="slide-up"
           useInvertedBackground={false}
@@ -144,16 +150,22 @@ export default function LandingPage() {
           testimonials={[
             {
               id: "1",              name: "Krystian Watemborski",              role: "Facility Manager",              company: "Stavanger Industrial",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",              imageAlt: "Krystian Watemborski"},
+              imageSrc: "http://img.b2bpic.net/free-photo/happy-bearded-gay-man-looking-boyfriend-against-blue-sky-smiling-middle-aged-man-scarf-date-homosexuality-concept_74855-22941.jpg?id=24539384",              imageAlt: "Krystian Watemborski"},
             {
               id: "2",              name: "Sarah Jensen",              role: "Building Director",              company: "Commercial Properties AS",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",              imageAlt: "Sarah Jensen"},
+              imageSrc: "http://img.b2bpic.net/premium-photo/fashion-designer-workshop-business-woman-with-clothing-material-fabric-creative-studio-entrepreneur-seamstress-person-with-product-style-apparel-tailor-retail-boutique_590464-413900.jpg?id=328324006",              imageAlt: "Sarah Jensen"},
             {
               id: "3",              name: "Anders Christiansen",              role: "Project Manager",              company: "Stavanger Development",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg",              imageAlt: "Anders Christiansen"},
+              imageSrc: "http://img.b2bpic.net/free-photo/man-with-backpack-walks-through-streets-amsterdam_1321-1769.jpg?id=3640548",              imageAlt: "Anders Christiansen"},
             {
               id: "4",              name: "Hilde Andersen",              role: "Operations Manager",              company: "Energy Solutions Norway",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",              imageAlt: "Hilde Andersen"},
+              imageSrc: "http://img.b2bpic.net/free-photo/fulllength-portrait-stylish-darkskinned-curly-woman-white-pants-jacket-top-posing-dressing-room-young-lady-leans-hanger_197531-27803.jpg?id=23928690",              imageAlt: "Hilde Andersen"},
+            {
+              id: "5",              name: "Morten Tøfte",              role: "Property Owner",              company: "Stavanger Real Estate Group",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4",              imageAlt: "Morten Tøfte"},
+            {
+              id: "6",              name: "Ingrid Larsen",              role: "Facility Director",              company: "Nordic Building Systems",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-fashion-modern-businesswoman-model-white-suit-posing-street-background_158538-12612.jpg?id=7183978",              imageAlt: "Ingrid Larsen"},
           ]}
           carouselMode="buttons"
           ariaLabel="Customer testimonials section"
@@ -168,6 +180,7 @@ export default function LandingPage() {
           useInvertedBackground={false}
           buttons={[
             { text: "Request Service", href: "contact" },
+            { text: "Call Us Now: +47 99 28 55 03", href: "tel:+4799285503" },
           ]}
           ariaLabel="Contact section"
         />

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-archivo), sans-serif;
+  font-family: var(--font-dm-sans), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-archivo), sans-serif;
+  font-family: var(--font-dm-sans), sans-serif;
 }

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #ffffff;;
-  --card: #f9f9f9;;
-  --foreground: #000612e6;;
-  --primary-cta: #15479c;;
-  --secondary-cta: #f9f9f9;;
-  --accent: #e2e2e2;;
-  --background-accent: #c4c4c4;; */
+  /* --background: #0f172a;;
+  --card: #1e293b;;
+  --foreground: #f0f8ff;;
+  --primary-cta: #3b82f6;;
+  --secondary-cta: #1e293b;;
+  --accent: #0ea5e9;;
+  --background-accent: #0284c7;; */
 
-  --background: #ffffff;;
-  --card: #f9f9f9;;
-  --foreground: #000612e6;;
-  --primary-cta: #15479c;;
+  --background: #0f172a;;
+  --card: #1e293b;;
+  --foreground: #f0f8ff;;
+  --primary-cta: #3b82f6;;
   --primary-cta-text: #ffffff;;
-  --secondary-cta: #f9f9f9;;
+  --secondary-cta: #1e293b;;
   --secondary-cta-text: #000612e6;;
-  --accent: #e2e2e2;;
-  --background-accent: #c4c4c4;;
+  --accent: #0ea5e9;;
+  --background-accent: #0284c7;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);