stephan/noelleparisdesign
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changed about page pictures and front page

Browse Source
This commit is contained in:
Stephan
2026-08-03 19:25:48 -07:00
parent 2422378e9b
commit 3b9b5c141e
3 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/brand-package/Noelle_Paris_Design_Logo_Web.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 394 KiB

After

Width:  |  Height:  |  Size: 398 KiB

2
src/pages/about.astro
View File

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

20
src/pages/index.astro
View File

@@ -95,12 +95,12 @@ const slides = [
<section class="hero-section"> <section class="hero-section">
<div class="hero-container"> <div class="hero-container">
<h1 class="hero-title">Design for Well-Being, Inside and Out</h1> <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"> <div class="brand-illustration-wrapper">
<Image src={mainLogo} alt="Noelle Paris Design Brand" class="brand-illustration" priority /> <Image src={mainLogo} alt="Noelle Paris Design Brand" class="brand-illustration" priority />
</div> </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> </div>
</section> </section>
@@ -136,31 +136,31 @@ const slides = [
<style> <style>
/* Hero Styling */ /* Hero Styling */
.hero-section { .hero-section {
padding: 3rem 1.5rem 2rem 1.5rem; padding: 3rem 1.5rem 1rem 1.5rem;
text-align: center; text-align: center;
background-color: #ffffff; background-color: #ffffff;
} }
.hero-container { .hero-container {
max-width: 800px; max-width: 1000px;
margin: 0 auto; margin: 0 auto;
} }
.hero-title { .hero-title {
font-family: "Bodoni MT", Didot, "Didot LT STD", "Baskerville Old Face", Garamond, serif; font-family: "Bodoni MT", Didot, "Didot LT STD", "Baskerville Old Face", Garamond, serif;
font-weight: 400; font-weight: 400;
font-size: 2.75rem; font-size: 3.00rem;
color: var(--color-brand-brown); color: var(--color-brand-brown);
margin-bottom: 0.75rem; margin-bottom: 0.5rem;
} }
.hero-subtitle { .hero-subtitle {
font-size: 1.05rem; font-size: 1.25rem;
color: var(--color-brand-brown); color: var(--color-brand-brown);
opacity: 0.85; opacity: 0.85;
line-height: 1.5; line-height: 1.5;
max-width: 600px; max-width: 600px;
margin: 0 auto 2.5rem auto; margin: 10 auto 1.5rem auto;
} }
.brand-illustration-wrapper { .brand-illustration-wrapper {
@@ -170,7 +170,7 @@ const slides = [
.brand-illustration { .brand-illustration {
width: 100%; width: 100%;
max-width: 380px; max-width: 1000px;
height: auto; height: auto;
} }