update to first section on main page
This commit is contained in:
parent
f537acb757
commit
a9e7298778
@ -5,7 +5,7 @@ import Image from "next/image";
|
||||
const AboutUs = () => {
|
||||
return (
|
||||
<div className="flex flex-col relative justify-center items-center ">
|
||||
<div className="flex relative -z-10 pt-40 w-full h-[400px] overflow-hidden">
|
||||
<div className="flex relative pt-40 w-full h-[400px] overflow-hidden">
|
||||
<Image
|
||||
src="/IMG_2431.jpg"
|
||||
alt="nav image"
|
||||
|
||||
@ -8,7 +8,7 @@ const contact = () => {
|
||||
return (
|
||||
<main>
|
||||
<div className="flex flex-col relative justify-center items-center">
|
||||
<div className="flex relative -z-10 pt-40 w-[100vw] h-[400px] overflow-hidden">
|
||||
<div className="flex relative pt-40 w-[100vw] h-[400px] overflow-hidden">
|
||||
<Image
|
||||
src="/IMG_2431.jpg"
|
||||
alt="nav image"
|
||||
|
||||
@ -45,7 +45,7 @@ const Gallery = () => {
|
||||
|
||||
return (
|
||||
<div className="flex flex-col relative">
|
||||
<div className="flex relative -z-10 pt-40 w-full h-[400px] overflow-hidden">
|
||||
<div className="flex relative pt-40 w-full h-[400px] overflow-hidden">
|
||||
<Image
|
||||
src="/IMG_2431.jpg"
|
||||
alt="nav image"
|
||||
|
||||
@ -28,7 +28,7 @@ export default function RootLayout({
|
||||
alt="Logo"
|
||||
className="hidden md:block absolute -z-10"
|
||||
/> */}
|
||||
<main className="">{children}</main>
|
||||
<main className="bg-[#EEEEEE]">{children}</main>
|
||||
</body>
|
||||
</html>
|
||||
);
|
||||
|
||||
@ -4,7 +4,7 @@ import Image from "next/image";
|
||||
const layout = ({ children }: { children: React.ReactNode }) => {
|
||||
return (
|
||||
<div className="flex flex-col relative justify-center items-center ">
|
||||
<div className="flex relative -z-10 pt-40 w-full h-[400px] overflow-hidden">
|
||||
<div className="flex relative pt-40 w-full h-[400px] overflow-hidden">
|
||||
<Image
|
||||
src="/IMG_2431.jpg"
|
||||
alt="nav image"
|
||||
|
||||
@ -8,7 +8,7 @@ export default function Home() {
|
||||
return (
|
||||
<main>
|
||||
<div className="flex flex-col relative">
|
||||
<div className="flex relative w-full h-[90svh]">
|
||||
<div className="flex relative w-full h-[95svh]">
|
||||
<Image
|
||||
src="/img01.webp"
|
||||
alt="nav image"
|
||||
@ -18,7 +18,7 @@ export default function Home() {
|
||||
quality={100}
|
||||
className="brightness-[20%] -z-90"
|
||||
/>
|
||||
<div className="flex flex-col items-center justify-center text-white absolute w-full h-[90svh] gap-6">
|
||||
<div className="flex flex-col items-center justify-center text-white absolute w-full h-[95svh] gap-6">
|
||||
{/* <center className="bg-gray-700 w-full">0</center> */}
|
||||
<div className="flex w-full h-[24svh] relative">
|
||||
<Image
|
||||
@ -31,7 +31,7 @@ export default function Home() {
|
||||
className=""
|
||||
/>
|
||||
</div>
|
||||
<p className="flex flex-col w-full justify-center px-[24svw] text-xl 2xl:px-[25svw] text-center">
|
||||
<p className="flex flex-col w-full justify-center px-[24svw] text-xl 2xl:px-[25svw] text-center py-[10px] leading-relaxed">
|
||||
Jefe's Mexican Cocina Y Cantina serves the best Mexican food in
|
||||
town. Be our guests and have an enjoyable experience with an
|
||||
authentic Mexican meal right here in Broken Arrow, OK.
|
||||
@ -43,8 +43,66 @@ export default function Home() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* Section 1 */}
|
||||
<div className="flex flex-row h-[95svh] px-60 w-full leading-relaxed py-11 space-x-8">
|
||||
{/* Text-side */}
|
||||
<div className="flex flex-col text-start gap-8 max-w-[650px]">
|
||||
<h2 className="text-red-800 text-4xl font-bold ">
|
||||
The heart of Mexico here in Broken Arrow!
|
||||
</h2>
|
||||
<div className="flex flex-col text-start text-2xl">
|
||||
<p>
|
||||
Jefe's Mexican cocina y cantina is a family owned authentic
|
||||
mexican restaurant that provides a variety of different dishes
|
||||
and cocktails. We are one of the best restaurants around because
|
||||
nowhere else can you find the most extraordinary homemade
|
||||
Mexican food along with fresh and naturally flavored waters. At
|
||||
our restaurant, we guarantee that our dishes are authentic to
|
||||
the soul of Mexico.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{/* Images side */}
|
||||
<div className="flex flex-col relative w-full gap-4">
|
||||
<div className="flex flex-col relative w-full h-[35svh] overflow-hidden">
|
||||
<Image
|
||||
src="/IMG_2431.jpg"
|
||||
alt="food1 image"
|
||||
priority
|
||||
fill
|
||||
style={{ objectFit: "cover", objectPosition: "top" }}
|
||||
quality={100}
|
||||
className=""
|
||||
/>
|
||||
</div>
|
||||
<div className="flex flex-row relative h-1/2 gap-4">
|
||||
<div className="flex w-1/2 h-[25svh] relative">
|
||||
<Image
|
||||
src="/IMG_2429.JPG"
|
||||
alt="food2 image"
|
||||
priority
|
||||
fill
|
||||
style={{ objectFit: "cover", objectPosition: "center" }}
|
||||
quality={100}
|
||||
className=""
|
||||
/>
|
||||
</div>
|
||||
<div className="flex w-1/2 h-[25svh] relative">
|
||||
<Image
|
||||
src="/food02.webp"
|
||||
alt="food3 image"
|
||||
priority
|
||||
fill
|
||||
style={{ objectFit: "cover", objectPosition: "center" }}
|
||||
quality={100}
|
||||
className=""
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex flex-col w-full h-[180vh]">
|
||||
<EmblaCarousel />
|
||||
{/* <EmblaCarousel /> */}
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
@ -4,7 +4,7 @@ import Image from "next/image";
|
||||
const page = () => {
|
||||
return (
|
||||
<div className="flex flex-col relative justify-center items-center">
|
||||
<div className="flex relative -z-10 pt-40 w-full h-[400px] overflow-hidden">
|
||||
<div className="flex relative pt-40 w-full h-[400px] overflow-hidden">
|
||||
<Image
|
||||
src="/IMG_2431.jpg"
|
||||
alt="nav image"
|
||||
|
||||
Loading…
Reference in New Issue
Block a user