src/app/page.tsx

@@ -1,4 +1,4 @@
-<div class="code-block-header"></div><pre class="wp-block-code"><code>"use client";
+"use client";
 
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
@@ -72,7 +72,7 @@ export default function HomePage() {
   ];
 
   return (
-    &lt;ThemeProvider
+    <ThemeProvider
       defaultButtonVariant={"directional-hover"}
       defaultTextAnimation={"background-highlight"}
       borderRadius={"rounded"}
@@ -83,18 +83,18 @@ export default function HomePage() {
       primaryButtonStyle={"diagonal-gradient"}
       secondaryButtonStyle={"solid"}
       headingFontWeight={"bold"}
-    &gt;
-      &lt;div id="nav" data-section="nav"&gt;
-        &lt;NavbarStyleCentered
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
           brandName={"Dermatologie-Praxis Berlin"}
           navItems={navItems}
           button={{ text: "Termin buchen", href: "/termin" }}
           topBarButton={{ text: "Termin vereinbaren", href: "/termin" }}
-        /&gt;
-      &lt;/div&gt;
+        />
+      </div>
 
-      &lt;div id="hero" data-section="hero"&gt;
-        &lt;HeroSplitDualMedia
+      <div id="hero" data-section="hero">
+        <HeroSplitDualMedia
           title={"Moderne Dermatologie in Berlin"}
           description={"Fachärztliche Hautmedizin, Vorsorge und ästhetische Behandlungen auf höchstem Niveau."}
           background={{ variant: "plain" }}
@@ -111,11 +111,11 @@ export default function HomePage() {
           rating={4.5}
           ratingText={"4,5/5 (200 Bewertungen)"}
           useInvertedBackground={false}
-        /&gt;
-      &lt;/div&gt;
+        />
+      </div>
 
-      &lt;div id="about-metrics" data-section="about-metrics"&gt;
-        &lt;MetricSplitMediaAbout
+      <div id="about-metrics" data-section="about-metrics">
+        <MetricSplitMediaAbout
           title={"Unsere Werte für Ihr Vertrauen"}
           description={"Bei uns erhalten Sie eine kompetente, ehrliche und hoch spezialisierte Facharzt-Versorgung nach den neuesten medizinischen und hautärztlichen Erkenntnissen."}
           metrics={[
@@ -129,11 +129,11 @@ export default function HomePage() {
           imageAlt={resolveAsset("about-doctor-consultation").alt}
           mediaAnimation={"none"}
           metricsAnimation={"none"}
-        /&gt;
-      &lt;/div&gt;
+        />
+      </div>
 
-      &lt;div id="features-services" data-section="features-services"&gt;
-        &lt;FeatureCardEight
+      <div id="features-services" data-section="features-services">
+        <FeatureCardEight
           features={[
             { title: "Hautkrebsvorsorge", description: "Dermatologische Prävention, Hautkrebsvorsorge und Nachsorge für Ihre langfristige Hautgesundheit.", imageSrc: resolveAsset("feature-skin-cancer-screening").url, imageAlt: resolveAsset("feature-skin-cancer-screening").alt },
             { title: "Akne-Behandlung", description: "Ganzheitliche Aknebestrahlung und Therapieansätze für eine klare und gesunde Haut.", imageSrc: resolveAsset("feature-acne-treatment").url, imageAlt: resolveAsset("feature-acne-treatment").alt },
@@ -146,11 +146,11 @@ export default function HomePage() {
           description={"Verschaffen Sie sich einen Überblick über unsere vielfältigen Leistungen und erfahren Sie, wie wir Ihnen helfen können."}
           textboxLayout={"default"}
           useInvertedBackground={false}
-        /&gt;
-      &lt;/div&gt;
+        />
+      </div>
 
-      &lt;div id="testimonials" data-section="testimonials"&gt;
-        &lt;TestimonialCardTen
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardTen
           testimonials={[
             { id: "1", title: "Exzellente Behandlung und Top-Ergebnisse", quote: "Ich hatte eine fantastische Erfahrung mit Dr. Iram Ashraf bei meinen Akne- und Haarausfallbehandlungen. Die Ergebnisse waren hervorragend und ich bin sehr zufrieden.", name: "Sheikh Husnain", role: "Patient", imageSrc: resolveAsset("testimonial-avatar-1").url, imageAlt: resolveAsset("testimonial-avatar-1").alt },
             { id: "2", title: "Hochqualifiziert und professionell", quote: "Ich hatte eine großartige Erfahrung mit Dr. Iram Ashraf. Ich besuchte sie zur Haarausfallbehandlung und Botox und bin mit den Ergebnissen total zufrieden. Sie ist unglaublich kompetent und professionell.", name: "Zobia Shahid", role: "Patientin", imageSrc: resolveAsset("testimonial-avatar-2").url, imageAlt: resolveAsset("testimonial-avatar-2").alt },
@@ -162,11 +162,11 @@ export default function HomePage() {
           description={"Ihre Gesundheit und Zufriedenheit sind unser größter Erfolg. Lesen Sie hier, was unsere Patienten über uns berichten."}
           textboxLayout={"default"}
           useInvertedBackground={false}
-        /&gt;
-      &lt;/div&gt;
+        />
+      </div>
 
-      &lt;div id="team-preview" data-section="team-preview"&gt;
-        &lt;TeamCardEleven
+      <div id="team-preview" data-section="team-preview">
+        <TeamCardEleven
           groups={[
             { id: "team-doctors", groupTitle: "Unser engagiertes Ärzteteam", members: [
               { id: "sacha-schwarzer", title: "Dr. med. Sacha Schwarzer", subtitle: "Facharzt für Dermatologie", detail: "Studium der Humanmedizin in Berlin, Approbation 2001. Facharztausbildung im Vivantes-Klinikum. Niederlassung 2008. Spezialisiert auf Lasermedizin und ästhetische Dermatologie.", imageSrc: resolveAsset("team-schwarzer").url, imageAlt: resolveAsset("team-schwarzer").alt },
@@ -179,11 +179,11 @@ export default function HomePage() {
           description={"Lernen Sie unser engagiertes Team aus Fachärzten und medizinischen Fachkräften kennen, die sich mit Leidenschaft um Ihre Haut kümmern."}
           textboxLayout={"default"}
           useInvertedBackground={false}
-        /&gt;
-      &lt;/div&gt;
+        />
+      </div>
 
-      &lt;div id="contact-cta" data-section="contact-cta"&gt;
-        &lt;ContactCTA
+      <div id="contact-cta" data-section="contact-cta">
+        <ContactCTA
           tag={"Einfach und schnell"}
           title={"Vereinbaren Sie jetzt Ihren persönlichen Termin"}
           description={"Lassen Sie sich eingehend beraten und nehmen Sie Kontakt zu uns auf oder vereinbaren direkt online Ihren Termin bei Dr. Schwarzer &amp; Kollegen."}
@@ -193,18 +193,17 @@ export default function HomePage() {
           buttonAnimation={"none"}
           background={{ variant: "plain" }}
           useInvertedBackground={false}
-        /&gt;
-      &lt;/div&gt;
+        />
+      </div>
 
-      &lt;div id="footer" data-section="footer"&gt;
-        &lt;FooterBaseCard
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
           logoText={"Dermatologie-Praxis Berlin"}
           columns={footerColumns}
           copyrightText={"© 2024 Dermatologie-Praxis Berlin"}
           onPrivacyClick={() => console.log('Privacy policy clicked')}
-        /&gt;
-      &lt;/div&gt;
-    &lt;/ThemeProvider&gt;
+        />
+      </div>
+    </ThemeProvider>
   );
 }
-</code></pre>