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

feat: migrate audio player and remove unused pages

Browse Source 
- Moved audio player from page component to root layout for persistent playback across all pages
- Removed unused auth pages (login, register) and content pages (contact, dahabiyas, experiences, etc.)
- Updated NavLink text color to gold-900 for better visibility
- Added 'use client' directive to AudioPlayerBar component for client-side rendering
This commit is contained in:
sasha-astiadi
2025-10-24 02:52:08 +02:00
parent 24110d6e92
commit 1b59a205fd
12 changed files with 8 additions and 280 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
src/app/(auth)/login/page.jsx
View File

@@ -1,58 +0,0 @@
import Link from 'next/link'
import { Button } from '@/components/Button'
import { TextField } from '@/components/Fields'
import { Logo } from '@/components/Logo'
import { SlimLayout } from '@/components/SlimLayout'
export const metadata = {
title: 'Sign In',
}
export default function Login() {
return (
<SlimLayout>
<div className="flex">
<Link href="/" aria-label="Home">
<Logo className="h-10 w-auto" />
</Link>
</div>
<h2 className="mt-20 text-lg font-semibold text-gray-800">
Sign in to your account
</h2>
<p className="mt-2 text-sm text-gray-700">
Don’t have an account?{' '}
<Link
href="/register"
className="font-medium text-blue-600 hover:underline"
>
Sign up
</Link>{' '}
for a free trial.
</p>
<form action="#" className="mt-10 grid grid-cols-1 gap-y-8">
<TextField
label="Email address"
name="email"
type="email"
autoComplete="email"
required
/>
<TextField
label="Password"
name="password"
type="password"
autoComplete="current-password"
required
/>
<div>
<Button type="submit" variant="solid" color="blue" className="w-full">
<span>
Sign in <span aria-hidden="true">&rarr;</span>
</span>
</Button>
</div>
</form>
</SlimLayout>
)
}

87
src/app/(auth)/register/page.jsx
View File

@@ -1,87 +0,0 @@
import Link from 'next/link'
import { Button } from '@/components/Button'
import { SelectField, TextField } from '@/components/Fields'
import { Logo } from '@/components/Logo'
import { SlimLayout } from '@/components/SlimLayout'
export const metadata = {
title: 'Sign Up',
}
export default function Register() {
return (
<SlimLayout>
<div className="flex">
<Link href="/" aria-label="Home">
<Logo className="h-10 w-auto" />
</Link>
</div>
<h2 className="mt-20 text-lg font-semibold text-gray-800">
Get started for free
</h2>
<p className="mt-2 text-sm text-gray-700">
Already registered?{' '}
<Link
href="/login"
className="font-medium text-blue-600 hover:underline"
>
Sign in
</Link>{' '}
to your account.
</p>
<form
action="#"
className="mt-10 grid grid-cols-1 gap-x-6 gap-y-8 sm:grid-cols-2"
>
<TextField
label="First name"
name="first_name"
type="text"
autoComplete="given-name"
required
/>
<TextField
label="Last name"
name="last_name"
type="text"
autoComplete="family-name"
required
/>
<TextField
className="col-span-full"
label="Email address"
name="email"
type="email"
autoComplete="email"
required
/>
<TextField
className="col-span-full"
label="Password"
name="password"
type="password"
autoComplete="new-password"
required
/>
<SelectField
className="col-span-full"
label="How did you hear about us?"
name="referral_source"
>
<option>AltaVista search</option>
<option>Super Bowl commercial</option>
<option>Our route 34 city bus ad</option>
<option>The “Never Use This” podcast</option>
</SelectField>
<div className="col-span-full">
<Button type="submit" variant="solid" color="blue" className="w-full">
<span>
Sign up <span aria-hidden="true">&rarr;</span>
</span>
</Button>
</div>
</form>
</SlimLayout>
)
}

15
src/app/contact/page.jsx
View File

@@ -1,15 +0,0 @@
import { ContactHero } from "@/components/ContactHero"
import { Header } from "@/components/Header"
import { Footer } from "@/components/Footer"
export default function Contact() {
return (
<>
<Header />
<main>
<ContactHero />
</main>
<Footer />
</>
)
}

27
src/app/dahabiyas/page.jsx
View File

@@ -1,27 +0,0 @@
import { CallToAction3 } from '@/components/CallToAction3'
import { Footer } from '@/components/Footer'
import { Header } from '@/components/Header'
import Daha1 from '@/components/Daha1'
import Daha2 from '@/components/Daha2'
import Veda1 from '@/components/Veda1'
import Veda2 from '@/components/Veda2'
import Veda3 from '@/components/Veda3'
import Veda4 from '@/components/Veda4'
export default function Dahabiyas() {
return (
<>
<Header />
<main>
<Daha1 />
<Daha2 />
<Veda1 />
<Veda2 />
<Veda3 />
<Veda4 />
<CallToAction3 />
</main>
<Footer />
</>
)
}

29
src/app/experiences/page.jsx
View File

@@ -1,29 +0,0 @@
import { CallToAction3 } from '@/components/CallToAction3'
import { Footer } from '@/components/Footer'
import { Header } from '@/components/Header'
import Exp from '@/components/Exp'
import { Community } from '@/components/Community'
import { Retreats } from '@/components/Retreats'
import { Events } from '@/components/Events'
import { Nomads } from '@/components/Nomads'
import { Experience } from '@/components/Exp2'
import FFVid from '@/components/FreeflowVideo'
export default function Experiences() {
return (
<>
<Header />
<main>
<Experience/>
<Community />
<Retreats />
<Events />
<Nomads />
<FFVid/>
<Exp/>
<CallToAction3 />
</main>
<Footer />
</>
)
}

20
src/app/gallery/page.jsx
View File

@@ -1,20 +0,0 @@
import { CallToAction3 } from '@/components/CallToAction3'
import { Footer } from '@/components/Footer'
import { Header } from '@/components/Header'
import Story from '@/components/Story'
import Story2 from '@/components/Story2'
import Team from '@/components/Team'
import QuiltedImageList from '@/components/Gallery'
export default function OurStory() {
return (
<>
<Header />
<main>
<QuiltedImageList />
</main>
<Footer />
</>
)
}

19
src/app/itinerary/page.jsx
View File

@@ -1,19 +0,0 @@
import { CallToAction3 } from '@/components/CallToAction3'
import { Footer } from '@/components/Footer'
import { Header } from '@/components/Header'
import Iti1 from '@/components/Iti1'
import Timeline from '@/components/Timeline'
export default function Itinerary() {
return (
<>
<Header />
<main>
<Iti1 />
<Timeline />
<CallToAction3 />
</main>
<Footer />
</>
)
}

6
src/app/layout.jsx
View File

@@ -1,6 +1,7 @@
import { Inter, Lexend } from 'next/font/google' import { Inter, Lexend } from 'next/font/google'
import clsx from 'clsx' import clsx from 'clsx'
import BottomAudioPlayer from '@/components/ui/AudioPlayerBar'
import '@/styles/tailwind.css' import '@/styles/tailwind.css'
export const metadata = { export const metadata = {
@@ -34,7 +35,10 @@ export default function RootLayout({ children }) {
lexend.variable, lexend.variable,
)} )}
> >
<body className="flex h-full flex-col pt-20">{children}</body> <body className="flex h-full flex-col pt-20">
{children}
<BottomAudioPlayer />
</body>
</html> </html>
) )
} }

1
src/app/page.jsx
View File

@@ -2,7 +2,6 @@
import { Footer } from '@/components/Footer' import { Footer } from '@/components/Footer'
import { Header } from '@/components/Header' import { Header } from '@/components/Header'
import { Hero } from '@/components/Hero' import { Hero } from '@/components/Hero'
import { AudioPlayerBar } from '@/components/ui/AudioPlayerBar'

22
src/app/story/page.jsx
View File

@@ -1,22 +0,0 @@
import { CallToAction3 } from '@/components/CallToAction3'
import { Footer } from '@/components/Footer'
import { Header } from '@/components/Header'
import Story from '@/components/Story'
import Story2 from '@/components/Story2'
import Team from '@/components/Team'
export default function OurStory() {
return (
<>
<Header />
<main>
<Story />
<Story2 />
<Team />
<CallToAction3 />
</main>
<Footer />
</>
)
}

2
src/components/NavLink.jsx
View File

@@ -4,7 +4,7 @@ export function NavLink({ href, children }) {
return ( return (
<Link <Link
href={href} href={href}
className="inline-block rounded-lg px-2 py-1 text-sm text-white hover:bg-gold-600 hover:text-slate-900" className="inline-block rounded-lg px-2 py-1 text-sm text-gold-900 hover:bg-gold-600 hover:text-slate-900"
> >
{children} {children}
</Link> </Link>

2
src/components/ui/AudioPlayerBar.jsx
View File

@@ -1,3 +1,5 @@
'use client';
import AudioPlayerBar from '@kevtucker/react-audio-player-bar'; import AudioPlayerBar from '@kevtucker/react-audio-player-bar';
function BottomAudioPlayer() { function BottomAudioPlayer() {