rework components

src/app/[locale]/page.tsx

@@ -7,8 +7,7 @@ import {Faq} from '@/components/Faq';
 import {HeroVisual} from '@/components/HeroVisual';
 import {SectionHeader} from '@/components/SectionHeader';
 import {Stats} from '@/components/Stats';
-import {contact} from '@/config/contact';
-import {demoContent, homeContent, marketingFaq} from '@/config/content';
+import {homeContent, marketingFaq, orderedDemos} from '@/config/content';
 import messages from '../../../messages/pl.json';
 
 export const metadata: Metadata = {
@@ -20,8 +19,6 @@ const platformIcons = [Settings2, Workflow, Plug, ShoppingCart];
 const industryIcons = [Box, Layers3, CheckCircle2];
 
 export default function HomePage() {
-  const demos = [demoContent.desk, demoContent.room, demoContent.door];
-
   return (
     <main>
       <section className="hero sectionBand sectionBand--light">
@@ -32,7 +29,7 @@ export default function HomePage() {
             <p>{homeContent.hero.description}</p>
             <div className="buttonRow">
               <ButtonLink href="/pl/dema">{homeContent.hero.primaryCta}</ButtonLink>
-              <ButtonLink href={contact.url} variant="secondary" isExternal>
+              <ButtonLink href="#kontakt" variant="secondary">
                 {homeContent.hero.secondaryCta}
               </ButtonLink>
             </div>
@@ -41,17 +38,11 @@ export default function HomePage() {
         </div>
       </section>
 
-      <section className="sectionBand statsBand">
-        <div className="container">
-          <Stats stats={homeContent.stats} />
-        </div>
-      </section>
-
-      <section id="dema" className="sectionBand">
+      <section id="dema" className="sectionBand demosBand">
         <div className="container">
           <SectionHeader title={homeContent.demosTitle} description={homeContent.demosDescription} />
           <div className="demoCards">
-            {demos.map(demo => (
+            {orderedDemos.map(demo => (
               <article className="demoCard" key={demo.slug}>
                 {demo.imageUrl ? (
                   <Image src={demo.imageUrl} alt="" width={420} height={420} />
@@ -93,7 +84,13 @@ export default function HomePage() {
         </div>
       </section>
 
-      <section className="sectionBand">
+      <section className="sectionBand statsBand">
+        <div className="container">
+          <Stats stats={homeContent.stats} />
+        </div>
+      </section>
+
+      <section className="sectionBand industriesBand">
         <div className="container">
           <SectionHeader title={homeContent.industriesTitle} />
           <div className="featureGrid featureGrid--three">
@@ -151,7 +148,7 @@ export default function HomePage() {
         <div className="container finalCta">
           <h2>{homeContent.finalCta.title}</h2>
           <p>{homeContent.finalCta.description}</p>
-          <ButtonLink href={contact.url} isExternal>
+          <ButtonLink href="#kontakt">
             {homeContent.finalCta.button}
           </ButtonLink>
         </div>