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, 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} {children}
</body> </body>
</html> </html>

6
src/components/Hero.jsx
View File

@@ -27,7 +27,7 @@ export function Hero() {
<div className="relative"> <div className="relative">
<Image <Image
unoptimized unoptimized
src="/images/booktear.png" src="/images/booktear1.png"
alt="Page divider" alt="Page divider"
width={1080} width={1080}
height={200} height={200}
@@ -36,10 +36,10 @@ export function Hero() {
</div> </div>
<div className="relative"> <div className="relative">
<div <div
className="bg-cover bg-center" className="bg-cover bg-center -mt-14"
style={{ backgroundImage: 'url(/images/paper.jpg)' }} 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"> <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-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"> <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', 200: '#E4E7EB',
}, },
'love-red': '#bc0a0f', 'love-red': '#bc0a0f',
base: '#faeee0',
creme: { creme: {
900: '#e3dfda', 900: '#e3dfda',
600: '#f6f1eb', 600: '#f6f1eb',