add new content

src/app/(auth)/login/page.jsx

@@ -0,0 +1,58 @@
+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>
+  )
+}

src/app/(auth)/register/page.jsx

@@ -0,0 +1,87 @@
+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>
+  )
+}

src/app/dahabiyas/page.jsx

@@ -0,0 +1,27 @@
+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 />
+    </>
+  )
+}

src/app/experiences/page.jsx

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

src/app/itinerary/page.jsx

@@ -0,0 +1,19 @@
+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 />
+    </>
+  )
+}

src/app/layout.jsx

@@ -0,0 +1,40 @@
+import { Inter, Lexend } from 'next/font/google'
+import clsx from 'clsx'
+
+import '@/styles/tailwind.css'
+
+export const metadata = {
+  title: {
+    template: '%s - VEDA',
+    default: 'VEDA EGYPT NILE CRUISES',
+  },
+  description:
+    'Most bookkeeping software is accurate, but hard to use. We make the opposite trade-off, and hope you don’t get audited.',
+}
+
+const inter = Inter({
+  subsets: ['latin'],
+  display: 'swap',
+  variable: '--font-inter',
+})
+
+const lexend = Lexend({
+  subsets: ['latin'],
+  display: 'swap',
+  variable: '--font-lexend',
+})
+
+export default function RootLayout({ children }) {
+  return (
+    <html
+      lang="en"
+      className={clsx(
+        'h-full scroll-smooth bg-creme-600 antialiased',
+        inter.variable,
+        lexend.variable,
+      )}
+    >
+      <body className="flex h-full flex-col">{children}</body>
+    </html>
+  )
+}

src/app/not-found.jsx

@@ -0,0 +1,27 @@
+import Link from 'next/link'
+
+import { Button } from '@/components/Button'
+import { Logo } from '@/components/Logo'
+import { SlimLayout } from '@/components/SlimLayout'
+
+export default function NotFound() {
+  return (
+    <SlimLayout>
+      <div className="flex">
+        <Link href="/" aria-label="Home">
+          <Logo className="h-10 w-auto" />
+        </Link>
+      </div>
+      <p className="mt-20 text-sm font-medium text-gray-700">404</p>
+      <h1 className="mt-3 text-lg font-semibold text-gray-800">
+        Page not found
+      </h1>
+      <p className="mt-3 text-sm text-gray-700">
+        Sorry, we couldn’t find the page you’re looking for.
+      </p>
+      <Button href="/" className="mt-10">
+        Go back home
+      </Button>
+    </SlimLayout>
+  )
+}

src/app/page.jsx

@@ -0,0 +1,40 @@
+import { CallToAction } from '@/components/CallToAction'
+import { CallToAction2 } from '@/components/CallToAction2'
+import { CallToAction3 } from '@/components/CallToAction3'
+import { Faqs } from '@/components/Faqs'
+import { Footer } from '@/components/Footer'
+import { Header } from '@/components/Header'
+import { Hero } from '@/components/Hero'
+import { Pricing } from '@/components/Pricing'
+import Route from '@/components/Route';
+import { SecondaryFeatures } from '@/components/SecondaryFeatures'
+import { Testimonials } from '@/components/Testimonials'
+import ThirdFeatures from '@/components/ThirdFeatures'
+import NewFeatures from '@/components/NewFeatures'
+import NewFeatures2 from '@/components/NewFeatures2'
+import Activities from '@/components/Activities'
+import Boats from '@/components/Boats'
+import Carousel from '@/components/Carousel'
+import CNNVIDEO from '@/components/CNNVIDEO'
+
+export default function Home() {
+  return (
+    <>
+      <Header />
+      <main>
+        <Hero />
+        <CallToAction />
+        <SecondaryFeatures />
+        <NewFeatures />
+        <NewFeatures2 />
+        <CallToAction2 />
+        <Carousel />
+        <Route />
+        <CNNVIDEO />
+        <Testimonials />
+        <CallToAction3 />
+      </main>
+      <Footer />
+    </>
+  )
+}

src/app/story/page.jsx

@@ -0,0 +1,22 @@
+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 />
+    </>
+  )
+}