From 75b2876919296c9c8a4330c94c4e53b84a636cad Mon Sep 17 00:00:00 2001
From: Alaguraj0361 <alaguraj0361@gmail.com>
Date: Sat, 19 Jul 2025 21:58:25 +0530
Subject: [PATCH] banner and about section content updated

---
 components/sections/home1/Banner.js | 218 ++++++++++++++--------------
 components/sections/home1/Juice.js  |  63 ++++----
 public/assets/css/style.css         |   2 +-
 3 files changed, 144 insertions(+), 139 deletions(-)

diff --git a/components/sections/home1/Banner.js b/components/sections/home1/Banner.js
index 5cdd70a..4cc8a54 100644
--- a/components/sections/home1/Banner.js
+++ b/components/sections/home1/Banner.js
@@ -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 */}
+
         </>
     )
 }
diff --git a/components/sections/home1/Juice.js b/components/sections/home1/Juice.js
index d72a33d..84fe8e4 100644
--- a/components/sections/home1/Juice.js
+++ b/components/sections/home1/Juice.js
@@ -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 */}
         </>
     )
 }
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index aebc930..3bf39a0 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -1168,7 +1168,7 @@
 
 .juice-section .content-column .inner-column {
 	position: relative;
-	padding-top: 120px;
+	/* padding-top: 120px; */
 }
 
 .juice-section .content-column .sec-title {