GDSC-MITS · Xanthium7 · Oct 19, 2023
diff --git a/NextJs/UrbanEatsResturantWebsite/.eslintrc.json b/NextJs/UrbanEatsResturantWebsite/.eslintrc.json
@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}
diff --git a/NextJs/UrbanEatsResturantWebsite/.gitignore b/NextJs/UrbanEatsResturantWebsite/.gitignore
@@ -0,0 +1,35 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
diff --git a/NextJs/UrbanEatsResturantWebsite/README.md b/NextJs/UrbanEatsResturantWebsite/README.md
@@ -0,0 +1,48 @@
+# 🍴 Urban Eats Resturant Website
+
+## 🌟 Project Overview
+
+Modern Website Built on Next js for promotion Purposes
+
+Elevate Your Palate with Urban Bites: Where Flavors and Modernity
+Converge. Discover the world of flavors that awaits you
+
+## Screenshots 📸
+
+![App ScreenShot](https://i.imgur.com/3vgBUYY.png)
+
+![App ScreenShot](https://i.imgur.com/gCimbL0.png)
+
+![App ScreenShot](https://i.imgur.com/7vSC8VO.png)
+
+## 🛠️ Modules Used
+
+### 1. Next Js
+
+The React Framework for the Web
+Used by some of the world's largest companies, Next.js enables you to create full-stack Web applications by extending the latest React features, and integrating powerful Rust-based JavaScript tooling for the fastest builds.
+
+### 2. Material UI
+
+Ready to use
+Material Design
+components
+Material UI is beautiful by design and features a suite of customization options that make it easy to implement your own custom design system.
+
+### 3. Next Font + Tailwind
+
+Rapidly build modern websites without ever leaving your HTML.
+A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.
+
+### 4. Slick Crousel
+
+Crousel Animator
+
+## 🚀 Getting Started
+
+To embark on your AI adventure, follow these simple steps:
+
+1. **Clone the repository:**
+   ```bash
+   https://github.com/Xanthium7/urban_eats.git
+   ```
diff --git a/NextJs/UrbanEatsResturantWebsite/app/favicon.ico b/NextJs/UrbanEatsResturantWebsite/app/favicon.ico
diff --git a/NextJs/UrbanEatsResturantWebsite/app/globals.css b/NextJs/UrbanEatsResturantWebsite/app/globals.css
@@ -0,0 +1,17 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@import "~slick-carousel/slick/slick.css";
+@import "~slick-carousel/slick/slick-theme.css";
+
+
+body {
+  overflow-x: hidden;
+  background: rgb(12, 12, 12);
+/* background: linear-gradient(90deg, rgba(17,16,16,1) 0%, rgba(27,27,27,1) 37%, rgba(27,27,27,1) 48%, rgba(27,27,27,1) 55%, rgba(27,27,27,1) 61%, rgba(28,28,28,1) 68%, rgba(31,31,31,1) 100%); */
+
+}
+
+html {
+  scroll-behavior: smooth;
+}
diff --git a/NextJs/UrbanEatsResturantWebsite/app/layout.js b/NextJs/UrbanEatsResturantWebsite/app/layout.js
@@ -0,0 +1,17 @@
+import "./globals.css";
+import { Inter } from "next/font/google";
+
+const inter = Inter({ subsets: ["latin"] });
+
+export const metadata = {
+  title: "Urban Eats",
+  description: "Most Popular Restaurant",
+};
+
+export default function RootLayout({ children }) {
+  return (
+    <html lang="en">
+      <body className={inter.className}>{children}</body>
+    </html>
+  );
+}
diff --git a/NextJs/UrbanEatsResturantWebsite/app/page.js b/NextJs/UrbanEatsResturantWebsite/app/page.js
@@ -0,0 +1,64 @@
+import Nav from "@/components/Nav";
+import Image from "next/image";
+import { Roboto, Dancing_Script } from "next/font/google";
+import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
+
+import About from "@/components/About";
+import Link from "next/link";
+import Image_slider from "@/components/Image_slider";
+import Chief from "@/components/Chief";
+import Location from "@/components/Location";
+import Reviews from "@/components/Reviews";
+import TopButton from "@/components/TopButton";
+import Footer from "@/components/Footer";
+
+const dance = Dancing_Script({
+  weight: "400",
+  subsets: ["latin"],
+  display: "swap",
+});
+
+export default function Home() {
+  return (
+    <>
+      <TopButton></TopButton>
+      <main>
+        <Nav />
+
+        <video
+          className=" w-screen   z-0 top-0 left-0 right-0 "
+          muted
+          loop
+          autoPlay
+        >
+          <source src="/assets/v2.mp4" type="video/mp4" />
+          Your browser does not support the video tag.
+        </video>
+        <div className="absolute mx-8 top-28 md:top-[15vh] lg:top-[20vh]  bg-[#00000000] flex w-3/4  ">
+          <h1
+            className={`${dance.className}   relative z-10 text-white text-lg md:text-6xl lg:text-8xl`}
+          >
+            Elevate Your Palate with Urban Bites: Where Flavors and Modernity
+            Converge.
+            <span
+              className={`${dance.className} text-sm  lg:text-7xl  w-[75%] md:hidden lg:block`}
+            >
+              <br />
+              Discover the world of flavors that awaits you
+            </span>
+          </h1>
+        </div>
+        <a href="#about">
+          <KeyboardArrowDownIcon className="text-white text-5xl absolute bottom-[0px] z-10 right-[50%] left-[50%] mx-auto mt-20 lg:animate-bounce hidden md:hi lg:block " />
+        </a>
+      </main>
+
+      <About />
+      <Image_slider />
+      <Chief />
+      <Location />
+      <Reviews />
+      <Footer />
+    </>
+  );
+}
diff --git a/NextJs/UrbanEatsResturantWebsite/components/About.jsx b/NextJs/UrbanEatsResturantWebsite/components/About.jsx
@@ -0,0 +1,78 @@
+import React from "react";
+import { Cinzel } from "next/font/google";
+import Image from "next/image";
+
+const cinzel = Cinzel({
+  weight: "400",
+  subsets: ["latin"],
+  display: "swap",
+});
+
+const About = () => {
+  return (
+    <div id="about" className="h-screen text-white  mt-6">
+      <h1
+        className={`${cinzel.className}  text-xl text-center lg:mt-24 lg:text-4xl `}
+      >
+        About us
+        <hr className="mx-16 mt-2 borsder-gray-700 lg:mx-[30rem] lg:mt-3" />
+      </h1>
+      <div className="flex flex-col lg:flex-row md:flex-row relative">
+        <div className="mt-10 lg:mt-20 mx-[3vh] w-[400px] lg:w-[550px] lg:mx-[15vh] relative overflow-hidden">
+          <Image
+            width={300}
+            height={800}
+            className=" l w-[400px] lg:w-[550px] object-cover lg:h-[600px] "
+            src="/assets/resturant.jpg"
+            alt=""
+          />
+        </div>
+        <div className="lg:w-1/2 md:w-1/2">
+          <p
+            className={`${cinzel.className} lg:mt-[9vh] lg:text-xl lg:leading-10 md:mt-[5vh] 
+             md:text-lg md:leading-10 absolute lg:relative md:relative lg:top-0 md:top-0 top-60 right-0 left-0 bottom-[]
+              mx-7 ml-10 lg:mx-0 lg:ml-0 md:mx-0 md:ml-0 bg-[#000000b0] p-2 rounded-md lg:bg-[#00000000] md:bg-[#00000000] `}
+          >
+            <b>Urban Bites</b> , a culinary haven where tradition and innovation
+            harmonize to create a truly unique dining experience. Situated at
+            the crossroads of rich Malabari heritage, authentic Indian cuisine,
+            and contemporary American fare, our restaurant invites you to embark
+            on a gastronomic journey that transcends borders.
+          </p>
+          <p
+            className={`${cinzel.className} xl:mt-[0vh] xl:text-xl xl:leading-10 hidden xl:block`}
+          >
+            Discover the diverse array of flavors that Urban Bites has to offer.
+            Indulge in the authentic spices and aromas of Malabari cuisine,
+            brought to life through traditional recipes passed down through
+            generations. Savor the intricate richness <br />
+            of Indian delicacies that pay homage to time-honored culinary
+            traditions. For those seeking a blend of cultures, our menu
+            seamlessly integrates semi-modern American dishes, offering a
+            refreshing twist on familiar classics. Our chefs are culinary
+            artisans, skillfully crafting dishes that honor the authenticity of
+            Malabari and Indian cuisines while embracing the creativity of
+            modern American cooking techniques.
+          </p>
+        </div>
+      </div>
+      <div
+        className="flex lg:hidden  justify-around mt-20
+      "
+      >
+        <div
+          className={`${cinzel.className} h-[9vh] w-[18vh] bg-[#000000d5] flex justify-center items-center border border-gray-400 hover:text-xl ease-in duration-200 `}
+        >
+          <a href={""}>Popular</a>
+        </div>
+        <div
+          className={`${cinzel.className} h-[9vh] w-[18vh] bg-[#000000d5] flex justify-center items-center border border-gray-400 hover:text-xl ease-in duration-200 `}
+        >
+          <a href={"#review"}>Reviews</a>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default About;
diff --git a/NextJs/UrbanEatsResturantWebsite/components/Chief.jsx b/NextJs/UrbanEatsResturantWebsite/components/Chief.jsx
@@ -0,0 +1,67 @@
+import Image from "next/image";
+import React from "react";
+import { Cinzel } from "next/font/google";
+
+const cinzel = Cinzel({
+  weight: "400",
+  subsets: ["latin"],
+  display: "swap",
+});
+const Chief = () => {
+  return (
+    <div className="text-white flex items-center lg:h-[100vh] h-[70vh] ">
+      <div className="w-[100%]   lg:mx-20  flex lg:flex-row flex-col">
+        <div className="flex ">
+          <Image
+            width={500}
+            height={500}
+            src={"/assets/c-1.jpg"}
+            className=" object-cover lg:h-[550px] lg:w-[800px] h-48 w-32 ml-4 lg:ml-0 "
+          />
+          <span
+            className={`${cinzel.className} lg:hidden mx-auto text-xl self-center`}
+          >
+            Our Head Cheif
+          </span>
+        </div>
+        <p
+          className={`${cinzel.className} lg:text-xl text-xs lg:px-32 lg:py-24 px-4`}
+        >
+          <br />
+          Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nam a culpa
+          eius magnam mollitia cumque. Quasi, tempore blanditiis non molestiae
+          optio ea minus nihil quisquam? Harum, <br />{" "}
+          <span className="lg:block hidden">
+            {" "}
+            aliquid cum facilis unde quasi, id voluptas sint quaerat neque,
+            officiis eum repudianomnis!
+          </span>
+          <hr className="lg:my-10 my-4" />
+          <span className="lg:text-lg text-xs">
+            Ipsa quam assumenda dolores.
+          </span>
+          <div className="flex gap-8">
+            <span>
+              <Image
+                src={"/assets/bc1.png"}
+                height={300}
+                width={300}
+                className="object-contain  lg:w-16 w-7 lg:mt-10 mt-2"
+              />
+            </span>
+            <span>
+              <Image
+                src={"/assets/bc2.png"}
+                height={300}
+                width={300}
+                className="object-contain lg:w-16 w-8 lg:mt-16 mt-4"
+              />
+            </span>
+          </div>
+        </p>
+      </div>
+    </div>
+  );
+};
+
+export default Chief;
diff --git a/NextJs/UrbanEatsResturantWebsite/components/Footer.jsx b/NextJs/UrbanEatsResturantWebsite/components/Footer.jsx
@@ -0,0 +1,35 @@
+import React from "react";
+import { Cinzel, Dancing_Script } from "next/font/google";
+
+const cinzel = Cinzel({
+  weight: "400",
+  subsets: ["latin"],
+  display: "swap",
+});
+const dance = Dancing_Script({
+  weight: "400",
+  subsets: ["latin"],
+  display: "swap",
+});
+
+const Footer = () => {
+  return (
+    <div
+      className={`${dance.className} mt-[20vh] lg:text-3xl text-white text-2xl h-[50vh] flex flex-col justify-center items-center`}
+    >
+      <div className="flex">
+        <span className="text-5xl self-center">&copy;</span>
+        <h1 className="ml-3 mt-2"> 2023 URBAN EATS</h1>
+      </div>
+      <br />
+      <br />
+      <br />
+      <p className={`${cinzel.className} lg:text-xl text-sm mx-4 text-center`}>
+        <span className="font-bold ">Urban Eats</span> 112 West Main Street,
+        Alhambra, CA, 91801, United States 6262811035 [email protected]
+      </p>
+    </div>
+  );
+};
+
+export default Footer;