forked from veda/www_veda_2025
		
	Compare commits
	
		
			9 Commits
		
	
	
		
			840c0b8b0c
			...
			main
		
	
	| Author | SHA1 | Date | |
|---|---|---|---|
| 1bdc4ddc72 | |||
| a663cc038b | |||
| 4a63edc0b0 | |||
| a6a0bbef0b | |||
| c3bb18d495 | |||
| 0b914b916c | |||
| 1030e0150a | |||
| 0d5d8f9d8a | |||
| 23c1beaecb | 
							
								
								
									
										17
									
								
								package-lock.json
									
									
									
										generated
									
									
									
								
							
							
						
						
									
										17
									
								
								package-lock.json
									
									
									
										generated
									
									
									
								
							@@ -31,7 +31,8 @@
 | 
				
			|||||||
        "react-use-measure": "^2.1.7",
 | 
					        "react-use-measure": "^2.1.7",
 | 
				
			||||||
        "slick-carousel": "^1.8.1",
 | 
					        "slick-carousel": "^1.8.1",
 | 
				
			||||||
        "swiper": "^11.1.7",
 | 
					        "swiper": "^11.1.7",
 | 
				
			||||||
        "tailwindcss": "^3.4.6"
 | 
					        "tailwindcss": "^3.4.6",
 | 
				
			||||||
 | 
					        "typewriter-effect": "^2.22.0"
 | 
				
			||||||
      },
 | 
					      },
 | 
				
			||||||
      "devDependencies": {
 | 
					      "devDependencies": {
 | 
				
			||||||
        "eslint": "^8.56.0",
 | 
					        "eslint": "^8.56.0",
 | 
				
			||||||
@@ -27468,6 +27469,20 @@
 | 
				
			|||||||
        "node": ">=4.2.0"
 | 
					        "node": ">=4.2.0"
 | 
				
			||||||
      }
 | 
					      }
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
 | 
					    "node_modules/typewriter-effect": {
 | 
				
			||||||
 | 
					      "version": "2.22.0",
 | 
				
			||||||
 | 
					      "resolved": "https://registry.npmjs.org/typewriter-effect/-/typewriter-effect-2.22.0.tgz",
 | 
				
			||||||
 | 
					      "integrity": "sha512-01HCRYY462wT8Fxps/epwGCioZd/GMXY0aLKhFKrfJ5Xhgf54/SiDx7Oq7PoES5kGqOEAdW8FS8HYVM2WSvfhQ==",
 | 
				
			||||||
 | 
					      "license": "MIT",
 | 
				
			||||||
 | 
					      "dependencies": {
 | 
				
			||||||
 | 
					        "prop-types": "^15.8.1",
 | 
				
			||||||
 | 
					        "raf": "^3.4.1"
 | 
				
			||||||
 | 
					      },
 | 
				
			||||||
 | 
					      "peerDependencies": {
 | 
				
			||||||
 | 
					        "react": ">=17.0.0",
 | 
				
			||||||
 | 
					        "react-dom": ">=17.0.0"
 | 
				
			||||||
 | 
					      }
 | 
				
			||||||
 | 
					    },
 | 
				
			||||||
    "node_modules/unbox-primitive": {
 | 
					    "node_modules/unbox-primitive": {
 | 
				
			||||||
      "version": "1.0.2",
 | 
					      "version": "1.0.2",
 | 
				
			||||||
      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
 | 
					      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -33,7 +33,8 @@
 | 
				
			|||||||
    "react-use-measure": "^2.1.7",
 | 
					    "react-use-measure": "^2.1.7",
 | 
				
			||||||
    "slick-carousel": "^1.8.1",
 | 
					    "slick-carousel": "^1.8.1",
 | 
				
			||||||
    "swiper": "^11.1.7",
 | 
					    "swiper": "^11.1.7",
 | 
				
			||||||
    "tailwindcss": "^3.4.6"
 | 
					    "tailwindcss": "^3.4.6",
 | 
				
			||||||
 | 
					    "typewriter-effect": "^2.22.0"
 | 
				
			||||||
  },
 | 
					  },
 | 
				
			||||||
  "devDependencies": {
 | 
					  "devDependencies": {
 | 
				
			||||||
    "eslint": "^8.56.0",
 | 
					    "eslint": "^8.56.0",
 | 
				
			||||||
 
 | 
				
			|||||||
							
								
								
									
										
											BIN
										
									
								
								public/images/booktear.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								public/images/booktear.png
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							| 
		 After Width: | Height: | Size: 104 KiB  | 
							
								
								
									
										
											BIN
										
									
								
								public/images/booktear1.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								public/images/booktear1.png
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							| 
		 After Width: | Height: | Size: 364 KiB  | 
							
								
								
									
										
											BIN
										
									
								
								public/images/booktear2.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								public/images/booktear2.png
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							| 
		 After Width: | Height: | Size: 674 KiB  | 
							
								
								
									
										
											BIN
										
									
								
								public/images/booktear3.png
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								public/images/booktear3.png
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							| 
		 After Width: | Height: | Size: 1.0 MiB  | 
							
								
								
									
										
											BIN
										
									
								
								public/images/paper.jpg
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								public/images/paper.jpg
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							| 
		 After Width: | Height: | Size: 1.5 MiB  | 
@@ -1,4 +1,5 @@
 | 
				
			|||||||
import { Inter, Lexend } from 'next/font/google'
 | 
					import { Inter, Lexend } from 'next/font/google'
 | 
				
			||||||
 | 
					import localFont from 'next/font/local'
 | 
				
			||||||
import clsx from 'clsx'
 | 
					import clsx from 'clsx'
 | 
				
			||||||
 | 
					
 | 
				
			||||||
import '@/styles/tailwind.css'
 | 
					import '@/styles/tailwind.css'
 | 
				
			||||||
@@ -18,6 +19,11 @@ const inter = Inter({
 | 
				
			|||||||
  variable: '--font-inter',
 | 
					  variable: '--font-inter',
 | 
				
			||||||
})
 | 
					})
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					const jmhTypewriter = localFont({
 | 
				
			||||||
 | 
					  src: '../fonts/jmh_typewriter/JMH Typewriter.otf',
 | 
				
			||||||
 | 
					  variable: '--font-jmh-typewriter',
 | 
				
			||||||
 | 
					})
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const lexend = Lexend({
 | 
					const lexend = Lexend({
 | 
				
			||||||
  subsets: ['latin'],
 | 
					  subsets: ['latin'],
 | 
				
			||||||
  display: 'swap',
 | 
					  display: 'swap',
 | 
				
			||||||
@@ -29,12 +35,13 @@ export default function RootLayout({ children }) {
 | 
				
			|||||||
    <html
 | 
					    <html
 | 
				
			||||||
      lang="en"
 | 
					      lang="en"
 | 
				
			||||||
      className={clsx(
 | 
					      className={clsx(
 | 
				
			||||||
        'h-full scroll-smooth bg-creme-600 antialiased',
 | 
					        'h-full scroll-smooth antialiased',
 | 
				
			||||||
        inter.variable,
 | 
					        inter.variable,
 | 
				
			||||||
        lexend.variable,
 | 
					        lexend.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>
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -3,6 +3,7 @@ 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 AudioPlayer from '@/components/ui/AudioPlayer';
 | 
					import AudioPlayer from '@/components/ui/AudioPlayer';
 | 
				
			||||||
 | 
					import Booktear from '@/components/ui/Booktear';
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@@ -11,10 +12,10 @@ export default function Home() {
 | 
				
			|||||||
  return (
 | 
					  return (
 | 
				
			||||||
    <>
 | 
					    <>
 | 
				
			||||||
      <Header />
 | 
					      <Header />
 | 
				
			||||||
      <main>
 | 
					      <main className="bg-transparent">
 | 
				
			||||||
        <AudioPlayer />
 | 
					        <AudioPlayer />
 | 
				
			||||||
        <Hero />
 | 
					        <Hero />
 | 
				
			||||||
      </main>
 | 
					              </main>
 | 
				
			||||||
      <Footer />
 | 
					      <Footer />
 | 
				
			||||||
    </>
 | 
					    </>
 | 
				
			||||||
  )
 | 
					  )
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -26,7 +26,7 @@ function MobileNavIcon({ open }) {
 | 
				
			|||||||
  return (
 | 
					  return (
 | 
				
			||||||
    <svg
 | 
					    <svg
 | 
				
			||||||
      aria-hidden="true"
 | 
					      aria-hidden="true"
 | 
				
			||||||
      className="h-3.5 w-3.5 overflow-visible stroke-slate-700"
 | 
					      className="h-3.5 w-3.5 overflow-visible stroke-white"
 | 
				
			||||||
      fill="none"
 | 
					      fill="none"
 | 
				
			||||||
      strokeWidth={2}
 | 
					      strokeWidth={2}
 | 
				
			||||||
      strokeLinecap="round"
 | 
					      strokeLinecap="round"
 | 
				
			||||||
@@ -64,13 +64,12 @@ function MobileNavigation() {
 | 
				
			|||||||
      />
 | 
					      />
 | 
				
			||||||
      <PopoverPanel
 | 
					      <PopoverPanel
 | 
				
			||||||
        transition
 | 
					        transition
 | 
				
			||||||
        className="absolute inset-x-0 top-full mt-4 flex origin-top flex-col rounded-lg bg-white p-4 text-lg tracking-tight text-slate-900 shadow-xl ring-1 ring-slate-900/5 data-[closed]:scale-95 data-[closed]:opacity-0 data-[enter]:duration-150 data-[leave]:duration-100 data-[enter]:ease-out data-[leave]:ease-in"
 | 
					        className="absolute inset-x-0 top-full flex origin-top flex-col bg-black/10 p-4 text-lg tracking-tight text-white backdrop-blur-sm data-[closed]:scale-95 data-[closed]:opacity-0 data-[enter]:duration-150 data-[leave]:duration-100 data-[enter]:ease-out data-[leave]:ease-in"
 | 
				
			||||||
      >
 | 
					      >
 | 
				
			||||||
        <MobileNavLink href="/">HOME</MobileNavLink>
 | 
					        <MobileNavLink href="/">MENUS</MobileNavLink>
 | 
				
			||||||
        <MobileNavLink href="/story">STORY</MobileNavLink>
 | 
					        <MobileNavLink href="/story">STORY</MobileNavLink>
 | 
				
			||||||
        <MobileNavLink href="/experiences">EXPERIENCES</MobileNavLink>
 | 
					        <MobileNavLink href="/experiences">EVENTS</MobileNavLink>
 | 
				
			||||||
        <MobileNavLink href="/dahabiyas">DAHABIYAS</MobileNavLink>
 | 
					        <MobileNavLink href="/dahabiyas">CONTACT</MobileNavLink>
 | 
				
			||||||
        <MobileNavLink href="/itinerary">ITINERARY</MobileNavLink>
 | 
					 | 
				
			||||||
      </PopoverPanel>
 | 
					      </PopoverPanel>
 | 
				
			||||||
    </Popover>
 | 
					    </Popover>
 | 
				
			||||||
  )
 | 
					  )
 | 
				
			||||||
@@ -80,8 +79,9 @@ export function Header() {
 | 
				
			|||||||
  return (
 | 
					  return (
 | 
				
			||||||
    <header className="fixed top-0 left-0 right-0 z-50 bg-black/10 backdrop-blur-sm py-3">
 | 
					    <header className="fixed top-0 left-0 right-0 z-50 bg-black/10 backdrop-blur-sm py-3">
 | 
				
			||||||
      <Container>
 | 
					      <Container>
 | 
				
			||||||
        <nav className="relative z-50 flex justify-center">
 | 
					        <nav className="relative z-50 flex items-center justify-between md:justify-center">
 | 
				
			||||||
          <div className="flex items-center md:gap-x-12">
 | 
					          <div className="md:hidden" /> {/* Spacer for mobile */} 
 | 
				
			||||||
 | 
					          <div className="flex items-center gap-x-5 md:gap-x-8">
 | 
				
			||||||
            <div className="hidden md:flex md:gap-x-6">
 | 
					            <div className="hidden md:flex md:gap-x-6">
 | 
				
			||||||
              <NavLink href="/">MENUS</NavLink>
 | 
					              <NavLink href="/">MENUS</NavLink>
 | 
				
			||||||
              <NavLink href="/story">STORY</NavLink>
 | 
					              <NavLink href="/story">STORY</NavLink>
 | 
				
			||||||
@@ -89,10 +89,8 @@ export function Header() {
 | 
				
			|||||||
              <NavLink href="/dahabiyas">CONTACT</NavLink>
 | 
					              <NavLink href="/dahabiyas">CONTACT</NavLink>
 | 
				
			||||||
            </div>
 | 
					            </div>
 | 
				
			||||||
          </div>
 | 
					          </div>
 | 
				
			||||||
          <div className="flex items-center gap-x-5 md:gap-x-8">
 | 
					          <div className="md:hidden">
 | 
				
			||||||
            <div className="-mr-1 md:hidden">
 | 
					            <MobileNavigation />
 | 
				
			||||||
              <MobileNavigation />
 | 
					 | 
				
			||||||
            </div>
 | 
					 | 
				
			||||||
          </div>
 | 
					          </div>
 | 
				
			||||||
        </nav>
 | 
					        </nav>
 | 
				
			||||||
      </Container>
 | 
					      </Container>
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -1,11 +1,22 @@
 | 
				
			|||||||
 | 
					'use client'
 | 
				
			||||||
 | 
					
 | 
				
			||||||
import Image from 'next/image'
 | 
					import Image from 'next/image'
 | 
				
			||||||
 | 
					import { useState, useEffect } from 'react'
 | 
				
			||||||
 | 
					import Typewriter from 'typewriter-effect'
 | 
				
			||||||
import { Button } from '@/components/Button'
 | 
					import { Button } from '@/components/Button'
 | 
				
			||||||
import { Container } from '@/components/Container'
 | 
					import { Container } from '@/components/Container'
 | 
				
			||||||
import BgNoise from '@/components/BgNoise'
 | 
					import BgNoise from '@/components/BgNoise'
 | 
				
			||||||
 | 
					
 | 
				
			||||||
export function Hero() {
 | 
					export function Hero() {
 | 
				
			||||||
 | 
					  const [isClient, setIsClient] = useState(false)
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  useEffect(() => {
 | 
				
			||||||
 | 
					    setIsClient(true)
 | 
				
			||||||
 | 
					  }, [])
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  return (
 | 
					  return (
 | 
				
			||||||
        <div className="relative -mt-20 min-h-screen">
 | 
					    <>
 | 
				
			||||||
 | 
					      <div className="relative -mt-20 min-h-screen">
 | 
				
			||||||
      <div
 | 
					      <div
 | 
				
			||||||
        className="absolute inset-0 -z-20 h-full w-full object-cover"
 | 
					        className="absolute inset-0 -z-20 h-full w-full object-cover"
 | 
				
			||||||
        style={{ backgroundImage: 'url(/images/hero.jpg)', backgroundSize: 'cover', backgroundPosition: 'center' }}
 | 
					        style={{ backgroundImage: 'url(/images/hero.jpg)', backgroundSize: 'cover', backgroundPosition: 'center' }}
 | 
				
			||||||
@@ -22,6 +33,86 @@ export function Hero() {
 | 
				
			|||||||
          />
 | 
					          />
 | 
				
			||||||
        </div>
 | 
					        </div>
 | 
				
			||||||
      </Container>
 | 
					      </Container>
 | 
				
			||||||
    </div>
 | 
					      </div>
 | 
				
			||||||
 | 
					      <div className="relative hidden md:block">
 | 
				
			||||||
 | 
					        <Image
 | 
				
			||||||
 | 
					          unoptimized
 | 
				
			||||||
 | 
					          src="/images/booktear1.png"
 | 
				
			||||||
 | 
					          alt="Page divider"
 | 
				
			||||||
 | 
					          width={1080}
 | 
				
			||||||
 | 
					          height={200}
 | 
				
			||||||
 | 
					          className="relative z-10 -mt-14 w-full h-auto"
 | 
				
			||||||
 | 
					        />
 | 
				
			||||||
 | 
					      </div>
 | 
				
			||||||
 | 
					      <div className="relative">
 | 
				
			||||||
 | 
					        <div
 | 
				
			||||||
 | 
					          className="bg-cover bg-center lg:-mt-14 mt-0"
 | 
				
			||||||
 | 
					          style={{ backgroundImage: 'url(/images/paper.jpg)', opacity: '0.9' }}
 | 
				
			||||||
 | 
					        >
 | 
				
			||||||
 | 
					          <div className="px-8 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 relative">
 | 
				
			||||||
 | 
					                <span className="invisible">Mon cher,</span>
 | 
				
			||||||
 | 
					                {isClient && (
 | 
				
			||||||
 | 
					                  <span className="absolute top-0 left-0">
 | 
				
			||||||
 | 
					                    <Typewriter
 | 
				
			||||||
 | 
					                      options={{
 | 
				
			||||||
 | 
					                        delay: 75,
 | 
				
			||||||
 | 
					                      }}
 | 
				
			||||||
 | 
					                      onInit={(typewriter) => {
 | 
				
			||||||
 | 
					                        typewriter.typeString('Mon cher,').start()
 | 
				
			||||||
 | 
					                      }}
 | 
				
			||||||
 | 
					                    />
 | 
				
			||||||
 | 
					                  </span>
 | 
				
			||||||
 | 
					                )}
 | 
				
			||||||
 | 
					              </p>
 | 
				
			||||||
 | 
					              <p className="font-typewriter text-xl max-w-2xl mx-auto leading-relaxed relative">
 | 
				
			||||||
 | 
					                <span className="invisible" dangerouslySetInnerHTML={{ __html: 'If you find yourself here, you’ve survived the noise.<br />Sit, let the glass sweat a little.<br />The band will start soon, and perhaps someone will meet your eyes before the chorus ends.<br />If not, the night still owes you a dance.' }} />
 | 
				
			||||||
 | 
					                {isClient && (
 | 
				
			||||||
 | 
					                  <span className="absolute top-0 left-0">
 | 
				
			||||||
 | 
					                    <Typewriter
 | 
				
			||||||
 | 
					                      options={{
 | 
				
			||||||
 | 
					                        delay: 50,
 | 
				
			||||||
 | 
					                      }}
 | 
				
			||||||
 | 
					                      onInit={(typewriter) => {
 | 
				
			||||||
 | 
					                        typewriter
 | 
				
			||||||
 | 
					                          .pauseFor(2000)
 | 
				
			||||||
 | 
					                          .typeString(
 | 
				
			||||||
 | 
					                            'If you find yourself here, you’ve survived the noise.<br />',
 | 
				
			||||||
 | 
					                          )
 | 
				
			||||||
 | 
					                          .pauseFor(500)
 | 
				
			||||||
 | 
					                          .typeString('Sit, let the glass sweat a little.<br />')
 | 
				
			||||||
 | 
					                          .pauseFor(500)
 | 
				
			||||||
 | 
					                          .typeString(
 | 
				
			||||||
 | 
					                            'The band will start soon, and perhaps someone will meet your eyes before the chorus ends.<br />',
 | 
				
			||||||
 | 
					                          )
 | 
				
			||||||
 | 
					                          .pauseFor(500)
 | 
				
			||||||
 | 
					                          .typeString('If not, the night still owes you a dance.')
 | 
				
			||||||
 | 
					                          .start()
 | 
				
			||||||
 | 
					                      }}
 | 
				
			||||||
 | 
					                    />
 | 
				
			||||||
 | 
					                  </span>
 | 
				
			||||||
 | 
					                )}
 | 
				
			||||||
 | 
					              </p>
 | 
				
			||||||
 | 
					              <p className="font-script text-xl text-love-red mt-6 font-typewriter relative">
 | 
				
			||||||
 | 
					                <span className="invisible">— M.N.</span>
 | 
				
			||||||
 | 
					                {isClient && (
 | 
				
			||||||
 | 
					                  <span className="absolute top-0 left-0">
 | 
				
			||||||
 | 
					                    <Typewriter
 | 
				
			||||||
 | 
					                      onInit={(typewriter) => {
 | 
				
			||||||
 | 
					                        typewriter
 | 
				
			||||||
 | 
					                          .pauseFor(17000)
 | 
				
			||||||
 | 
					                          .typeString('— M.N.')
 | 
				
			||||||
 | 
					                          .start()
 | 
				
			||||||
 | 
					                      }}
 | 
				
			||||||
 | 
					                    />
 | 
				
			||||||
 | 
					                  </span>
 | 
				
			||||||
 | 
					                )}
 | 
				
			||||||
 | 
					              </p>
 | 
				
			||||||
 | 
					            </div>
 | 
				
			||||||
 | 
					          </div>
 | 
				
			||||||
 | 
					        </div>
 | 
				
			||||||
 | 
					      </div>
 | 
				
			||||||
 | 
					    </>
 | 
				
			||||||
  )
 | 
					  )
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 
 | 
				
			|||||||
							
								
								
									
										27
									
								
								src/components/Home/Loveletter.jsx.bak
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										27
									
								
								src/components/Home/Loveletter.jsx.bak
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,27 @@
 | 
				
			|||||||
 | 
					import Booktear from '@/components/ui/Booktear';
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					export function Loveletter({ className }) {
 | 
				
			||||||
 | 
					  return (
 | 
				
			||||||
 | 
					    <div className={`relative ${className || ''}`}>
 | 
				
			||||||
 | 
					      <Booktear className="relative z-10" /> 
 | 
				
			||||||
 | 
					      <div
 | 
				
			||||||
 | 
					        className="absolute inset-0 bg-cover bg-center opacity-50"
 | 
				
			||||||
 | 
					        style={{ backgroundImage: 'url(/images/paper.jpg)' }}
 | 
				
			||||||
 | 
					      />
 | 
				
			||||||
 | 
					    <div className="relative bg-transparent">
 | 
				
			||||||
 | 
					      <div className="px-6 py-24 sm:py-32 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">
 | 
				
			||||||
 | 
					           If you find yourself here, you’ve survived the noise.<br />
 | 
				
			||||||
 | 
					           Sit, let the glass sweat a little.<br />
 | 
				
			||||||
 | 
					           The band will start soon, and perhaps someone will meet your eyes before the chorus ends.<br />
 | 
				
			||||||
 | 
					           If not, the night still owes you a dance.
 | 
				
			||||||
 | 
					         </p>
 | 
				
			||||||
 | 
					                  <p className="font-script text-xl text-love-red mt-6 font-typewriter">— M.N.</p>
 | 
				
			||||||
 | 
					        </div>
 | 
				
			||||||
 | 
					      </div>
 | 
				
			||||||
 | 
					    </div>
 | 
				
			||||||
 | 
					    </div>
 | 
				
			||||||
 | 
					  )
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
							
								
								
									
										18
									
								
								src/components/ui/Booktear.jsx
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										18
									
								
								src/components/ui/Booktear.jsx
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,18 @@
 | 
				
			|||||||
 | 
					import Image from 'next/image';
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					const Booktear = ({ className }) => {
 | 
				
			||||||
 | 
					  return (
 | 
				
			||||||
 | 
					    <div className={`hidden md:block lg:block w-full bg-transparent ${className || ''}`}>
 | 
				
			||||||
 | 
					      <Image
 | 
				
			||||||
 | 
					        unoptimized
 | 
				
			||||||
 | 
					        src="/images/booktear.png"
 | 
				
			||||||
 | 
					        alt="Page divider" 
 | 
				
			||||||
 | 
					        width={1080} 
 | 
				
			||||||
 | 
					        height={180}
 | 
				
			||||||
 | 
					        className="w-full h-auto"
 | 
				
			||||||
 | 
					      />
 | 
				
			||||||
 | 
					    </div>
 | 
				
			||||||
 | 
					  );
 | 
				
			||||||
 | 
					};
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					export default Booktear;
 | 
				
			||||||
							
								
								
									
										
											BIN
										
									
								
								src/fonts/jmh_typewriter/JMH Typewriter-Black.otf
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								src/fonts/jmh_typewriter/JMH Typewriter-Black.otf
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							
							
								
								
									
										
											BIN
										
									
								
								src/fonts/jmh_typewriter/JMH Typewriter-Black.ttf
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								src/fonts/jmh_typewriter/JMH Typewriter-Black.ttf
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							
							
								
								
									
										
											BIN
										
									
								
								src/fonts/jmh_typewriter/JMH Typewriter-Bold.otf
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								src/fonts/jmh_typewriter/JMH Typewriter-Bold.otf
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							
							
								
								
									
										
											BIN
										
									
								
								src/fonts/jmh_typewriter/JMH Typewriter-Bold.ttf
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								src/fonts/jmh_typewriter/JMH Typewriter-Bold.ttf
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							
							
								
								
									
										
											BIN
										
									
								
								src/fonts/jmh_typewriter/JMH Typewriter-Thin.otf
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								src/fonts/jmh_typewriter/JMH Typewriter-Thin.otf
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							
							
								
								
									
										
											BIN
										
									
								
								src/fonts/jmh_typewriter/JMH Typewriter-Thin.ttf
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								src/fonts/jmh_typewriter/JMH Typewriter-Thin.ttf
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							
							
								
								
									
										
											BIN
										
									
								
								src/fonts/jmh_typewriter/JMH Typewriter.otf
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								src/fonts/jmh_typewriter/JMH Typewriter.otf
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							
							
								
								
									
										
											BIN
										
									
								
								src/fonts/jmh_typewriter/JMH Typewriter.ttf
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										
											BIN
										
									
								
								src/fonts/jmh_typewriter/JMH Typewriter.ttf
									
									
									
									
									
										Normal file
									
								
							
										
											Binary file not shown.
										
									
								
							@@ -29,6 +29,7 @@ module.exports = {
 | 
				
			|||||||
      fontFamily: {
 | 
					      fontFamily: {
 | 
				
			||||||
        sans: ['Montserrat', 'sans-serif'],
 | 
					        sans: ['Montserrat', 'sans-serif'],
 | 
				
			||||||
        display: ['Montserrat', 'sans-serif'],
 | 
					        display: ['Montserrat', 'sans-serif'],
 | 
				
			||||||
 | 
					        typewriter: 'var(--font-jmh-typewriter)',
 | 
				
			||||||
      },
 | 
					      },
 | 
				
			||||||
      maxWidth: {
 | 
					      maxWidth: {
 | 
				
			||||||
        '2xl': '40rem',
 | 
					        '2xl': '40rem',
 | 
				
			||||||
@@ -50,9 +51,11 @@ module.exports = {
 | 
				
			|||||||
          900: '#1F2937',
 | 
					          900: '#1F2937',
 | 
				
			||||||
          200: '#E4E7EB',
 | 
					          200: '#E4E7EB',
 | 
				
			||||||
        },
 | 
					        },
 | 
				
			||||||
 | 
					        'love-red': '#bc0a0f',
 | 
				
			||||||
 | 
					        base: '#faeee0',
 | 
				
			||||||
        creme: {
 | 
					        creme: {
 | 
				
			||||||
          900: '#e3dfda',
 | 
					          900: '#e3dfda',
 | 
				
			||||||
          600: '#FEFAF5',
 | 
					          600: '#f6f1eb',
 | 
				
			||||||
          200: '#fffdfb',
 | 
					          200: '#fffdfb',
 | 
				
			||||||
        },
 | 
					        },
 | 
				
			||||||
      },
 | 
					      },
 | 
				
			||||||
 
 | 
				
			|||||||
							
								
								
									
										12
									
								
								yarn.lock
									
									
									
									
									
								
							
							
						
						
									
										12
									
								
								yarn.lock
									
									
									
									
									
								
							@@ -11064,7 +11064,7 @@ react-dev-utils@^11.0.3:
 | 
				
			|||||||
    strip-ansi "6.0.0"
 | 
					    strip-ansi "6.0.0"
 | 
				
			||||||
    text-table "0.2.0"
 | 
					    text-table "0.2.0"
 | 
				
			||||||
 | 
					
 | 
				
			||||||
react-dom@*, "react-dom@^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0 || ^18.0.0", "react-dom@^16.8.0 || ^17.0.0 || ^18.0.0", "react-dom@^17.0.0 || ^18.0.0 || ^19.0.0", react-dom@^18, "react-dom@^18.0.0 || ^19.0.0", react-dom@^18.2.0, react-dom@>=16, react-dom@>=16.13, react-dom@>=16.6.0, react-dom@>=16.8.0:
 | 
					react-dom@*, "react-dom@^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0 || ^18.0.0", "react-dom@^16.8.0 || ^17.0.0 || ^18.0.0", "react-dom@^17.0.0 || ^18.0.0 || ^19.0.0", react-dom@^18, "react-dom@^18.0.0 || ^19.0.0", react-dom@^18.2.0, react-dom@>=16, react-dom@>=16.13, react-dom@>=16.6.0, react-dom@>=16.8.0, react-dom@>=17.0.0:
 | 
				
			||||||
  version "18.3.1"
 | 
					  version "18.3.1"
 | 
				
			||||||
  resolved "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz"
 | 
					  resolved "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz"
 | 
				
			||||||
  integrity sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==
 | 
					  integrity sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==
 | 
				
			||||||
@@ -11208,7 +11208,7 @@ react-use-measure@^2.1.7:
 | 
				
			|||||||
  resolved "https://registry.npmjs.org/react-use-measure/-/react-use-measure-2.1.7.tgz"
 | 
					  resolved "https://registry.npmjs.org/react-use-measure/-/react-use-measure-2.1.7.tgz"
 | 
				
			||||||
  integrity sha512-KrvcAo13I/60HpwGO5jpW7E9DfusKyLPLvuHlUyP5zqnmAPhNc6qTRjUQrdTADl0lpPpDVU2/Gg51UlOGHXbdg==
 | 
					  integrity sha512-KrvcAo13I/60HpwGO5jpW7E9DfusKyLPLvuHlUyP5zqnmAPhNc6qTRjUQrdTADl0lpPpDVU2/Gg51UlOGHXbdg==
 | 
				
			||||||
 | 
					
 | 
				
			||||||
react@*, "react@^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0 || ^18.0.0", "react@^16.8.0 || ^17.0.0 || ^18.0.0", "react@^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0", "react@^17.0.0 || ^18.0.0 || ^19.0.0", react@^18, "react@^18.0.0 || ^19.0.0", react@^18.2.0, react@^18.3.1, "react@>= 16", "react@>= 16.8.0 || 17.x.x || ^18.0.0-0", react@>=16, react@>=16.13, react@>=16.6.0, react@>=16.8.0:
 | 
					react@*, "react@^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0 || ^18.0.0", "react@^16.8.0 || ^17.0.0 || ^18.0.0", "react@^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0", "react@^17.0.0 || ^18.0.0 || ^19.0.0", react@^18, "react@^18.0.0 || ^19.0.0", react@^18.2.0, react@^18.3.1, "react@>= 16", "react@>= 16.8.0 || 17.x.x || ^18.0.0-0", react@>=16, react@>=16.13, react@>=16.6.0, react@>=16.8.0, react@>=17.0.0:
 | 
				
			||||||
  version "18.3.1"
 | 
					  version "18.3.1"
 | 
				
			||||||
  resolved "https://registry.npmjs.org/react/-/react-18.3.1.tgz"
 | 
					  resolved "https://registry.npmjs.org/react/-/react-18.3.1.tgz"
 | 
				
			||||||
  integrity sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==
 | 
					  integrity sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==
 | 
				
			||||||
@@ -13182,6 +13182,14 @@ typedarray@^0.0.6:
 | 
				
			|||||||
  resolved "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz"
 | 
					  resolved "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz"
 | 
				
			||||||
  integrity sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==
 | 
					  integrity sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					typewriter-effect@^2.22.0:
 | 
				
			||||||
 | 
					  version "2.22.0"
 | 
				
			||||||
 | 
					  resolved "https://registry.npmjs.org/typewriter-effect/-/typewriter-effect-2.22.0.tgz"
 | 
				
			||||||
 | 
					  integrity sha512-01HCRYY462wT8Fxps/epwGCioZd/GMXY0aLKhFKrfJ5Xhgf54/SiDx7Oq7PoES5kGqOEAdW8FS8HYVM2WSvfhQ==
 | 
				
			||||||
 | 
					  dependencies:
 | 
				
			||||||
 | 
					    prop-types "^15.8.1"
 | 
				
			||||||
 | 
					    raf "^3.4.1"
 | 
				
			||||||
 | 
					
 | 
				
			||||||
unbox-primitive@^1.0.2:
 | 
					unbox-primitive@^1.0.2:
 | 
				
			||||||
  version "1.0.2"
 | 
					  version "1.0.2"
 | 
				
			||||||
  resolved "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz"
 | 
					  resolved "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz"
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user