changed about page pictures and front page

src/pages/about.astro

@@ -123,7 +123,7 @@ import noelleImage2 from '../assets/images/brand-package/noelle-paris2.jpg';
 
   .profile-image {
     width: 100%;
-    max-width: 480px;
+    max-width: 200px;
     height: auto;
     border-radius: 2px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);

src/pages/index.astro

@@ -95,12 +95,12 @@ const slides = [
   <section class="hero-section">
     <div class="hero-container">
       <h1 class="hero-title">Design for Well-Being, Inside and Out</h1>
-      <p class="hero-subtitle">
-        Noelle Paris Design creates timeless home interiors defined by thoughtful planning, natural balance, and enduring style.
-      </p>
       <div class="brand-illustration-wrapper">
         <Image src={mainLogo} alt="Noelle Paris Design Brand" class="brand-illustration" priority />
       </div>
+      <p class="hero-subtitle">
+        Noelle Paris Design creates timeless, thoughtfully curated interiors and outdoor living spaces that feel deeply personal, effortlessly livable, and enduringly beautiful. Every project is guided by the belief that exceptional design should support health, encourage connection, simplify daily life, and bring lasting joy to the people who experience it.
+      </p>
     </div>
   </section>
 
@@ -136,31 +136,31 @@ const slides = [
 <style>
   /* Hero Styling */
   .hero-section {
-    padding: 3rem 1.5rem 2rem 1.5rem;
+    padding: 3rem 1.5rem 1rem 1.5rem;
     text-align: center;
     background-color: #ffffff;
   }
 
   .hero-container {
-    max-width: 800px;
+    max-width: 1000px;
     margin: 0 auto;
   }
 
   .hero-title {
     font-family: "Bodoni MT", Didot, "Didot LT STD", "Baskerville Old Face", Garamond, serif;
     font-weight: 400;
-    font-size: 2.75rem;
+    font-size: 3.00rem;
     color: var(--color-brand-brown);
-    margin-bottom: 0.75rem;
+    margin-bottom: 0.5rem;
   }
 
   .hero-subtitle {
-    font-size: 1.05rem;
+    font-size: 1.25rem;
     color: var(--color-brand-brown);
     opacity: 0.85;
     line-height: 1.5;
     max-width: 600px;
-    margin: 0 auto 2.5rem auto;
+    margin: 10 auto 1.5rem auto;
   }
 
   .brand-illustration-wrapper {
@@ -170,7 +170,7 @@ const slides = [
 
   .brand-illustration {
     width: 100%;
-    max-width: 380px;
+    max-width: 1000px;
     height: auto;
   }