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 (
|
return (
|
||||||
<>
|
<>
|
||||||
|
|
||||||
{/* Banner Section */}
|
{/* Banner Section */}
|
||||||
<section className="banner-section">
|
<section className="banner-section">
|
||||||
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/main-slider/pattern-1.png)' }} ></div>
|
<div className="pattern-layer" style={{ backgroundImage: 'url(/assets/images/main-slider/pattern-1.png)' }} ></div>
|
||||||
<Swiper {...swiperOptions} className="main-slider-carousel ">
|
<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>
|
|
||||||
|
|
||||||
{/* Slide */}
|
{/* Slide */}
|
||||||
<SwiperSlide>
|
<SwiperSlide>
|
||||||
<div className="slide">
|
<div className="slide">
|
||||||
<div className="icon-layer-one" style={{ backgroundImage: 'url(/assets/images/banner/left-element-2.webp)' }} ></div>
|
<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-2.webp)' }} ></div>
|
<div className="icon-layer-two" style={{ backgroundImage: 'url(/assets/images/banner/right-element-1.webp)' }} ></div>
|
||||||
<div className="auto-container">
|
<div className="auto-container">
|
||||||
<div className="row clearfix">
|
<div className="row clearfix">
|
||||||
|
|
||||||
{/* Content Column */}
|
{/* Content Column */}
|
||||||
<div className="content-column col-lg-6 col-md-12 col-sm-12">
|
<div className="content-column col-lg-6 col-md-12 col-sm-12">
|
||||||
<div className="inner-column">
|
<div className="inner-column">
|
||||||
<h1><span className="first-letter">Heathly</span><span className="second-letter">Smoothie</span></h1>
|
<h1><span className="first-letter">Sip. Savor. </span><span className="second-letter">Smile.</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="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">
|
<div className="btns-box">
|
||||||
<Link href="menu" className="theme-btn btn-style-one clearfix"><span className="icon"></span>Buy Now</Link>
|
<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>
|
||||||
<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>
|
</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>
|
||||||
</div>
|
|
||||||
</SwiperSlide>
|
{/* Slide */}
|
||||||
{/* Slide */}
|
<SwiperSlide>
|
||||||
<SwiperSlide>
|
<div className="slide">
|
||||||
<div className="slide style-two">
|
<div className="icon-layer-one" style={{ backgroundImage: 'url(/assets/images/banner/left-element-2.webp)' }} ></div>
|
||||||
<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-2.webp)' }} ></div>
|
||||||
<div className="icon-layer-two" style={{ backgroundImage: 'url(/assets/images/banner/right-element-3.webp)' }} ></div>
|
<div className="auto-container">
|
||||||
<div className="auto-container">
|
<div className="row clearfix">
|
||||||
<div className="row clearfix">
|
|
||||||
|
{/* Content Column */}
|
||||||
{/* Content Column */}
|
<div className="content-column col-lg-6 col-md-12 col-sm-12">
|
||||||
<div className="content-column col-lg-6 col-md-12 col-sm-12">
|
<div className="inner-column">
|
||||||
<div className="inner-column">
|
<h1><span className="first-letter">Big Street </span><span className="second-letter">Taste</span></h1>
|
||||||
<h1><span className="first-letter">Heathly</span><span className="second-letter">Smoothie</span></h1>
|
<div className="text">Subtext:
|
||||||
<div className="text">Consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</div>
|
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 className="btns-box">
|
</div>
|
||||||
<Link href="menu" className="theme-btn btn-style-one clearfix"><span className="icon"></span>Buy Now</Link>
|
<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>
|
||||||
<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>
|
</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>
|
||||||
</div>
|
{/* Slide */}
|
||||||
</SwiperSlide>
|
<SwiperSlide>
|
||||||
</Swiper>
|
<div className="slide style-two">
|
||||||
|
<div className="icon-layer-one" style={{ backgroundImage: 'url(/assets/images/banner/left-element-3.webp)' }} ></div>
|
||||||
</section>
|
<div className="icon-layer-two" style={{ backgroundImage: 'url(/assets/images/banner/right-element-3.webp)' }} ></div>
|
||||||
{/* End Banner Section */}
|
<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'
|
'use client'
|
||||||
import Link from "next/link"
|
import Link from "next/link"
|
||||||
export default function Juice() {
|
export default function Juice() {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
|
||||||
|
|
||||||
{/* Juice Section */}
|
{/* Juice Section */}
|
||||||
<section className="juice-section" id="about">
|
<section className="juice-section" id="about">
|
||||||
<div className="section-text">yummy</div>
|
<div className="section-text">yummy</div>
|
||||||
<div className="pattern-layer" style={{ backgroundImage: 'url(assets/images/background/1.png)' }} ></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="pattern-layer-two" style={{ backgroundImage: 'url(assets/images/resource/juice-glass.png)' }} ></div>
|
||||||
<div className="auto-container">
|
<div className="auto-container">
|
||||||
<div className="row clearfix">
|
<div className="row clearfix">
|
||||||
|
|
||||||
{/* Image Column */}
|
{/* Image Column */}
|
||||||
<div className="image-column col-lg-7 col-md-12 col-sm-12">
|
<div className="image-column col-lg-7 col-md-12 col-sm-12">
|
||||||
<div className="inner-column">
|
<div className="inner-column">
|
||||||
<div className="image">
|
<div className="image">
|
||||||
<img src="assets/images/resource/juice.png" alt=""/>
|
<img src="assets/images/resource/juice.png" alt="" />
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
{/* Content Column */}
|
||||||
{/* Content Column */}
|
<div className="content-column col-lg-5 col-md-12 col-sm-12">
|
||||||
<div className="content-column col-lg-5 col-md-12 col-sm-12">
|
<div className="inner-column">
|
||||||
<div className="inner-column">
|
{/* Sec Title */}
|
||||||
{/* Sec Title */}
|
<div className="sec-title">
|
||||||
<div className="sec-title">
|
<div className="title">Discover the Flavorh</div>
|
||||||
<div className="title">Drink for Health</div>
|
<h2>Crave-Worthy <span className="theme_color">Street Food.</span></h2>
|
||||||
<h2>Fresh Fruit <span className="theme_color">Juices</span></h2>
|
<div className="separate"></div>
|
||||||
<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">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>
|
<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>
|
</div>
|
||||||
<Link href="#menu" className="theme-btn btn-style-two clearfix"><span className="icon"></span>View Menu</Link>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</section>
|
||||||
</section>
|
{/* End Juice Section */}
|
||||||
{/* End Juice Section */}
|
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1168,7 +1168,7 @@
|
|||||||
|
|
||||||
.juice-section .content-column .inner-column {
|
.juice-section .content-column .inner-column {
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-top: 120px;
|
/* padding-top: 120px; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.juice-section .content-column .sec-title {
|
.juice-section .content-column .sec-title {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user