feat: align landing page structure with modern IT layout concepts

proto/src/app/page.tsx

@@ -28,11 +28,25 @@ export default function Home() {
             {pageContent.hero.title}
           </h1>
           <p 
-            className="text-lg md:text-xl max-w-4xl mx-auto mb-10 leading-relaxed animate-fade-in-up"
+            className="text-lg md:text-xl max-w-4xl mx-auto mb-8 leading-relaxed animate-fade-in-up"
             style={{ color: 'var(--color-foreground-muted)', animationDelay: '100ms' }}
           >
             {pageContent.hero.description}
           </p>
+
+          {pageContent.hero.trustBullets && (
+            <div 
+              className="flex flex-wrap justify-center gap-4 md:gap-8 mb-10 text-sm font-medium animate-fade-in-up"
+              style={{ color: 'var(--color-foreground-secondary)', animationDelay: '150ms' }}
+            >
+              {pageContent.hero.trustBullets.map((bullet: string, i: number) => (
+                <div key={i} className="flex items-center gap-2">
+                  <span style={{ color: 'var(--color-primary-500)' }}>✓</span>
+                  {bullet}
+                </div>
+              ))}
+            </div>
+          )}
           <div 
             className="flex flex-col sm:flex-row gap-4 justify-center items-center animate-fade-in-up"
             style={{ animationDelay: '200ms' }}
@@ -76,11 +90,11 @@ export default function Home() {
               className="text-3xl md:text-4xl font-bold mb-4"
               style={{ color: 'var(--color-foreground)' }}
             >
-              {siteConfig.about.title}
+            {pageContent.about.title}
             </h2>
           </div>
           <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 stagger-children">
-            {siteConfig.about.usps.map((usp, index) => (
+            {pageContent.about.usps.map((usp: any, index: number) => (
               <div 
                 key={usp.id} 
                 className="group text-center p-6 rounded-xl transition-all duration-300 hover-lift animate-fade-in-up"
@@ -121,17 +135,17 @@ export default function Home() {
               className="text-3xl md:text-4xl font-bold mb-4"
               style={{ color: 'var(--color-foreground)' }}
             >
-              {siteConfig.services.title}
+              {pageContent.services.title}
             </h2>
             <p 
               className="text-lg max-w-3xl mx-auto"
               style={{ color: 'var(--color-foreground-muted)' }}
             >
-              {siteConfig.services.subtitle}
+              {pageContent.services.subtitle}
             </p>
           </div>
           <div className="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto">
-            {siteConfig.services.services.map((service, index) => (
+            {pageContent.services.items.map((service: any, index: number) => (
               <div 
                 key={service.id} 
                 className="group card hover-lift"

proto/src/app/szolgaltatasok/page.tsx

@@ -32,7 +32,7 @@ export default function ServicesPage() {
       {/* Services Grid */}
       <section className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
         <div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
-          {siteConfig.services.services.map((service) => (
+          {content.pages.home.services.items.map((service: any) => (
             <div key={service.id} className="bg-white rounded-xl shadow-sm border border-gray-200 p-8 hover:shadow-md transition-shadow">
               <div className="w-16 h-16 bg-blue-100 rounded-lg flex items-center justify-center mb-6">
                 <span className="text-2xl">{service.icon}</span>