sashaastiadi/www_maison_noire
1
0
Fork 0
forked from veda/www_veda_2025
Code Pull Requests Activity

feat: enhance visual styling with updated colors and layout

Browse Source 
- Added base background color (#faeee0) to body element for consistent theme
- Added text color (slate-900) to body for improved readability
- Updated hero section spacing with -mt-14 margin and adjusted padding
- Changed tear image from booktear.png to booktear1.png for improved design
- Added new 'base' color variable to Tailwind config for theme consistency
This commit is contained in:
sasha-astiadi
2025-10-24 04:59:18 +02:00
parent 0b914b916c
commit c3bb18d495
4 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/images/booktear1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 364 KiB

2
src/app/layout.jsx
View File

@@ -41,7 +41,7 @@ export default function RootLayout({ children }) {
jmhTypewriter.variable,
)}
>
<body className="flex h-full flex-col pt-20">
<body className="flex h-full flex-col bg-base pt-20 text-slate-900">
{children}
</body>
</html>

6
src/components/Hero.jsx
View File

@@ -27,7 +27,7 @@ export function Hero() {
<div className="relative">
<Image
unoptimized
src="/images/booktear.png"
src="/images/booktear1.png"
alt="Page divider"
width={1080}
height={200}
@@ -36,10 +36,10 @@ export function Hero() {
</div>
<div className="relative">
<div
className="bg-cover bg-center"
className="bg-cover bg-center -mt-14"
style={{ backgroundImage: 'url(/images/paper.jpg)' }}
>
<div className="px-6 py-24 sm:py-32 lg:px-8">
<div className="px-6 py-24 lg:px-8">
<div className="mx-auto max-w-2xl text-left">
<p className="font-script text-2xl text-love-red mb-2 font-typewriter">Mon cher,</p>
<p className="font-typewriter text-xl max-w-2xl mx-auto leading-relaxed">

1
tailwind.config.js
View File

@@ -52,6 +52,7 @@ module.exports = {
200: '#E4E7EB',
},
'love-red': '#bc0a0f',
base: '#faeee0',
creme: {
900: '#e3dfda',
600: '#f6f1eb',