banner and about section content updated
This commit is contained in:
Alaguraj0361
parent
ffd51247c6
commit
75b2876919
@ -34,125 +34,127 @@ export default function Banner() {
|
||||
return (
|
||||
<>
|
||||
|
||||
{/* Banner Section */}
|
||||
<section className="banner-section">
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/main-slider/pattern-1.png)' }} ></div>
|
||||
<Swiper {...swiperOptions} className="main-slider-carousel ">
|
||||
|
||||
{/* Slide */}
|
||||
<SwiperSlide>
|
||||
<div className="slide">
|
||||
<div className="icon-layer-one" style={{ backgroundImage: 'url(/assets/images/banner/left-element-1.webp)' }} ></div>
|
||||
<div className="icon-layer-two" style={{ backgroundImage: 'url(/assets/images/banner/right-element-1.webp)' }} ></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
|
||||
{/* Content Column */}
|
||||
<div className="content-column col-lg-6 col-md-12 col-sm-12">
|
||||
<div className="inner-column">
|
||||
<h1><span className="first-letter">Heathly</span><span className="second-letter">Smoothie</span></h1>
|
||||
<div className="text">Consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</div>
|
||||
<div className="btns-box">
|
||||
<Link href="menu" className="theme-btn btn-style-one clearfix"><span className="icon"></span>Buy Now</Link>
|
||||
</div>
|
||||
<div className="icons-box">
|
||||
<img src="/assets/images/main-slider/icons.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Image Column */}
|
||||
<div className="image-column col-lg-6 col-md-12 col-sm-12">
|
||||
<div className="inner-column">
|
||||
<div className="icon-layer-three" style={{ backgroundImage: 'url(assets/images/main-slider/icon-3.png)' }} ></div>
|
||||
<div className="image">
|
||||
<img src="/assets/images/banner/banner-1.webp" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
{/* Banner Section */}
|
||||
<section className="banner-section">
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/main-slider/pattern-1.png)' }} ></div>
|
||||
<Swiper {...swiperOptions} className="main-slider-carousel ">
|
||||
|
||||
{/* Slide */}
|
||||
<SwiperSlide>
|
||||
<div className="slide">
|
||||
<div className="icon-layer-one" style={{ backgroundImage: 'url(/assets/images/banner/left-element-2.webp)' }} ></div>
|
||||
<div className="icon-layer-two" style={{ backgroundImage: 'url(/assets/images/banner/right-element-2.webp)' }} ></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
|
||||
{/* Content Column */}
|
||||
<div className="content-column col-lg-6 col-md-12 col-sm-12">
|
||||
<div className="inner-column">
|
||||
<h1><span className="first-letter">Heathly</span><span className="second-letter">Smoothie</span></h1>
|
||||
<div className="text">Consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</div>
|
||||
<div className="btns-box">
|
||||
<Link href="menu" className="theme-btn btn-style-one clearfix"><span className="icon"></span>Buy Now</Link>
|
||||
{/* Slide */}
|
||||
<SwiperSlide>
|
||||
<div className="slide">
|
||||
<div className="icon-layer-one" style={{ backgroundImage: 'url(/assets/images/banner/left-element-1.webp)' }} ></div>
|
||||
<div className="icon-layer-two" style={{ backgroundImage: 'url(/assets/images/banner/right-element-1.webp)' }} ></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
|
||||
{/* Content Column */}
|
||||
<div className="content-column col-lg-6 col-md-12 col-sm-12">
|
||||
<div className="inner-column">
|
||||
<h1><span className="first-letter">Sip. Savor. </span><span className="second-letter">Smile.</span></h1>
|
||||
<div className="text">Welcome to Sixty5Street – your go-to for bold, crave-worthy street food. From fiery wings to dosas and milkshakes, we serve fresh, fast flavor with attitude.</div>
|
||||
<div className="btns-box">
|
||||
<Link href="#menu" className="theme-btn btn-style-one clearfix"><span className="icon"></span>View Menu</Link>
|
||||
</div>
|
||||
<div className="icons-box">
|
||||
<img src="/assets/images/main-slider/icons.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="icons-box">
|
||||
<img src="/assets/images/main-slider/icons.png" alt="" />
|
||||
|
||||
{/* Image Column */}
|
||||
<div className="image-column col-lg-6 col-md-12 col-sm-12">
|
||||
<div className="inner-column">
|
||||
<div className="icon-layer-three" style={{ backgroundImage: 'url(assets/images/main-slider/icon-3.png)' }} ></div>
|
||||
<div className="image">
|
||||
<img src="/assets/images/banner/banner-1.webp" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Image Column */}
|
||||
<div className="image-column col-lg-6 col-md-12 col-sm-12">
|
||||
<div className="inner-column">
|
||||
<div className="icon-layer-three" style={{ backgroundImage: 'url(/assets/images/main-slider/icon-3.png)' }} ></div>
|
||||
<div className="image">
|
||||
<img src="/assets/images/banner/banner-2.webp" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
{/* Slide */}
|
||||
<SwiperSlide>
|
||||
<div className="slide style-two">
|
||||
<div className="icon-layer-one" style={{ backgroundImage: 'url(/assets/images/banner/left-element-3.webp)' }} ></div>
|
||||
<div className="icon-layer-two" style={{ backgroundImage: 'url(/assets/images/banner/right-element-3.webp)' }} ></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
|
||||
{/* Content Column */}
|
||||
<div className="content-column col-lg-6 col-md-12 col-sm-12">
|
||||
<div className="inner-column">
|
||||
<h1><span className="first-letter">Heathly</span><span className="second-letter">Smoothie</span></h1>
|
||||
<div className="text">Consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</div>
|
||||
<div className="btns-box">
|
||||
<Link href="menu" className="theme-btn btn-style-one clearfix"><span className="icon"></span>Buy Now</Link>
|
||||
</SwiperSlide>
|
||||
|
||||
{/* Slide */}
|
||||
<SwiperSlide>
|
||||
<div className="slide">
|
||||
<div className="icon-layer-one" style={{ backgroundImage: 'url(/assets/images/banner/left-element-2.webp)' }} ></div>
|
||||
<div className="icon-layer-two" style={{ backgroundImage: 'url(/assets/images/banner/right-element-2.webp)' }} ></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
|
||||
{/* Content Column */}
|
||||
<div className="content-column col-lg-6 col-md-12 col-sm-12">
|
||||
<div className="inner-column">
|
||||
<h1><span className="first-letter">Big Street </span><span className="second-letter">Taste</span></h1>
|
||||
<div className="text">Subtext:
|
||||
Sink your teeth into juicy wings and loaded combos that bring the heat. Pick your style - BBQ, Buffalo, Garlic Parm, Hot Honey and level up your meal with fries and a pop.
|
||||
</div>
|
||||
<div className="btns-box">
|
||||
<Link href="#menu" className="theme-btn btn-style-one clearfix"><span className="icon"></span>View Menu</Link>
|
||||
</div>
|
||||
<div className="icons-box">
|
||||
<img src="/assets/images/main-slider/icons.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="icons-box">
|
||||
<img src="/assets/images/main-slider/icons.png" alt="" />
|
||||
|
||||
{/* Image Column */}
|
||||
<div className="image-column col-lg-6 col-md-12 col-sm-12">
|
||||
<div className="inner-column">
|
||||
<div className="icon-layer-three" style={{ backgroundImage: 'url(/assets/images/main-slider/icon-3.png)' }} ></div>
|
||||
<div className="image">
|
||||
<img src="/assets/images/banner/banner-2.webp" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Image Column */}
|
||||
<div className="image-column col-lg-6 col-md-12 col-sm-12">
|
||||
<div className="inner-column">
|
||||
<div className="icon-layer-three" style={{ backgroundImage: 'url(/assets/images/main-slider/icon-3.png)' }} ></div>
|
||||
<div className="image">
|
||||
<img src="/assets/images/banner/banner-3.webp" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
</Swiper>
|
||||
|
||||
</section>
|
||||
{/* End Banner Section */}
|
||||
|
||||
</SwiperSlide>
|
||||
{/* Slide */}
|
||||
<SwiperSlide>
|
||||
<div className="slide style-two">
|
||||
<div className="icon-layer-one" style={{ backgroundImage: 'url(/assets/images/banner/left-element-3.webp)' }} ></div>
|
||||
<div className="icon-layer-two" style={{ backgroundImage: 'url(/assets/images/banner/right-element-3.webp)' }} ></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
|
||||
{/* Content Column */}
|
||||
<div className="content-column col-lg-6 col-md-12 col-sm-12">
|
||||
<div className="inner-column">
|
||||
<h1><span className="first-letter">Dosas to </span><span className="second-letter">Drinks</span></h1>
|
||||
<div className="text"> Pair your favorite street bites with crispy snacks and creamy milkshakes. Whether it’s a cheesy dosa, spicy kothu, or a chilled Badham Royal shake, the street never tasted so good.</div>
|
||||
<div className="btns-box">
|
||||
<Link href="#menu" className="theme-btn btn-style-one clearfix"><span className="icon"></span>View Menu</Link>
|
||||
</div>
|
||||
<div className="icons-box">
|
||||
<img src="/assets/images/main-slider/icons.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Image Column */}
|
||||
<div className="image-column col-lg-6 col-md-12 col-sm-12">
|
||||
<div className="inner-column">
|
||||
<div className="icon-layer-three" style={{ backgroundImage: 'url(/assets/images/main-slider/icon-3.png)' }} ></div>
|
||||
<div className="image">
|
||||
<img src="/assets/images/banner/banner-3.webp" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
</Swiper>
|
||||
|
||||
</section>
|
||||
{/* End Banner Section */}
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
@ -1,46 +1,49 @@
|
||||
'use client'
|
||||
import Link from "next/link"
|
||||
export default function Juice() {
|
||||
|
||||
|
||||
return (
|
||||
<>
|
||||
|
||||
|
||||
{/* Juice Section */}
|
||||
<section className="juice-section" id="about">
|
||||
<div className="section-text">yummy</div>
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/background/1.png)' }} ></div>
|
||||
<div className="pattern-layer-two" style={{ backgroundImage: 'url(assets/images/resource/juice-glass.png)' }} ></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
|
||||
{/* Image Column */}
|
||||
<div className="image-column col-lg-7 col-md-12 col-sm-12">
|
||||
<div className="inner-column">
|
||||
<div className="image">
|
||||
<img src="assets/images/resource/juice.png" alt=""/>
|
||||
{/* Juice Section */}
|
||||
<section className="juice-section" id="about">
|
||||
<div className="section-text">yummy</div>
|
||||
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/background/1.png)' }} ></div>
|
||||
<div className="pattern-layer-two" style={{ backgroundImage: 'url(assets/images/resource/juice-glass.png)' }} ></div>
|
||||
<div className="auto-container">
|
||||
<div className="row clearfix">
|
||||
|
||||
{/* Image Column */}
|
||||
<div className="image-column col-lg-7 col-md-12 col-sm-12">
|
||||
<div className="inner-column">
|
||||
<div className="image">
|
||||
<img src="assets/images/resource/juice.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Content Column */}
|
||||
<div className="content-column col-lg-5 col-md-12 col-sm-12">
|
||||
<div className="inner-column">
|
||||
{/* Sec Title */}
|
||||
<div className="sec-title">
|
||||
<div className="title">Drink for Health</div>
|
||||
<h2>Fresh Fruit <span className="theme_color">Juices</span></h2>
|
||||
<div className="separate"></div>
|
||||
<div className="text">Us percipit urbanitas referrentur ea. Mei at numquam molestiae intellegam. Ansed dictas accumsan. Nam sint atqui voluptatibus an, pro ne malis semper perpetua. Nam sint atqui voluptatibus an, pro ne malis semper perpetua.</div>
|
||||
|
||||
{/* Content Column */}
|
||||
<div className="content-column col-lg-5 col-md-12 col-sm-12">
|
||||
<div className="inner-column">
|
||||
{/* Sec Title */}
|
||||
<div className="sec-title">
|
||||
<div className="title">Discover the Flavorh</div>
|
||||
<h2>Crave-Worthy <span className="theme_color">Street Food.</span></h2>
|
||||
<div className="separate"></div>
|
||||
<div className="text"> At Sixty5Street, we bring the hustle and flavor of real street food to your plate - no shortcuts, just seriously satisfying eats. Our menu is stacked with bold bites like Chicken 65, saucy wings, sizzling shawarmas, and crispy dosas - all made fresh and bursting with flavor.</div>
|
||||
<div className="text">
|
||||
Whether you're grabbing lunch, chilling with friends, or fueling a late-night craving, we've got something hot, hearty, and delicious waiting for you.
|
||||
</div>
|
||||
</div>
|
||||
<Link href="#menu" className="theme-btn btn-style-two clearfix"><span className="icon"></span>View Menu</Link>
|
||||
</div>
|
||||
<Link href="#menu" className="theme-btn btn-style-two clearfix"><span className="icon"></span>View Menu</Link>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{/* End Juice Section */}
|
||||
</section>
|
||||
{/* End Juice Section */}
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
@ -1168,7 +1168,7 @@
|
||||
|
||||
.juice-section .content-column .inner-column {
|
||||
position: relative;
|
||||
padding-top: 120px;
|
||||
/* padding-top: 120px; */
|
||||
}
|
||||
|
||||
.juice-section .content-column .sec-title {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user