diff --git a/css/style.css b/css/style.css index 832a43c..877da27 100644 --- a/css/style.css +++ b/css/style.css @@ -1210,50 +1210,65 @@ background: #e64a19; } - /* ===== Testimonials ===== */ - section.testimonials { - padding: 5rem 1rem 7rem; - background: #fff3e0; - color: #3e2723; - user-select: none; - } - .testimonial-cards { - max-width: 900px; - margin: 0 auto; - display: flex; - gap: 2rem; - flex-wrap: wrap; - justify-content: center; - } - .testimonial { - background: white; - padding: 1.8rem 2rem; - border-radius: 20px; - box-shadow: 0 10px 30px rgb(0 0 0 / 0.1); - max-width: 320px; - position: relative; - font-style: italic; - user-select: text; - } - .testimonial::before { - content: "“"; - position: absolute; - font-size: 4rem; - top: -20px; - left: 20px; - color: #ff5722; - font-weight: 900; - user-select: none; - } - .testimonial p { - margin-bottom: 1rem; - } - .testimonial .author { - font-weight: 700; - text-align: right; - color: #bf360c; - user-select: text; - } +/* ===== Testimonials ===== */ +section.testimonials { + padding: 5rem 1rem 7rem; + background: #fff3e0; + color: #3e2723; + overflow: hidden; +} +.testimonial-track-wrap { + overflow: hidden; + mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%); + -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%); + cursor: grab; +} +.testimonial-track-wrap:active { cursor: grabbing; } +.testimonial-cards { + display: flex; + width: max-content; + gap: 2rem; + animation: scroll-left 28s linear infinite; +} +.testimonial-track-wrap:hover .testimonial-cards { + animation-play-state: paused; +} +@keyframes scroll-left { + from { transform: translateX(0); } + to { transform: translateX(-50%); } +} +.testimonial { + background: white; + padding: 1.8rem 2rem; + border-radius: 20px; + box-shadow: 0 8px 24px rgba(0,0,0,0.10); + width: 300px; + flex-shrink: 0; + position: relative; + font-style: italic; + transition: transform 0.3s ease, box-shadow 0.3s ease; +} +.testimonial:hover { + transform: translateY(-6px) scale(1.03); + box-shadow: 0 16px 40px rgba(255,87,34,0.2); +} +.testimonial::before { + content: "\201C"; + position: absolute; + font-size: 4rem; + top: -18px; + left: 20px; + color: #ff5722; + font-weight: 900; + user-select: none; +} +.testimonial p { margin-bottom: 1rem; } +.testimonial .author { + font-weight: 700; + text-align: right; + color: #bf360c; + font-style: normal; +} /* ===== Newsletter Signup ===== */ section.newsletter { diff --git a/index.html b/index.html index 08cc12c..3e58168 100644 --- a/index.html +++ b/index.html @@ -1,957 +1,181 @@ - - - - - - - - - - ChaatBazar 🍴 | Authentic Indian Street Food Delivered Hot - - - - - - - - - - - - - - - - - - - -
- - -
- - - -
- - - - - -
- -
- - India's Favourite Street Food -
- -

- Authentic Indian
- Street Food
- Delivered Fresh & Hot -

- -

- From crispy samosas to spicy pani puri and mouth-watering chaat, - experience India's most loved street food delivered straight to your - doorstep. -

- -
- - - - Explore Menu - -
- -
- -
-
- - - 4.9 - Rating - -
- -
- - - 20 Min - Delivery - -
- -
- - - 10,000+ - Orders - -
-
- - - - - -
- - - -
- -

- Today's Specials -

- -
- - - -
- -
- - - - - - - - - - - -
- -
- -

- ✨ Smart Food Pairings -

- -

- - Discover AI-inspired food combinations - perfectly matched for your cravings. - -

- - - Explore Smart Combos - - -
- -
- - - -
- -
- -

- About Us -

- -

- - At ChaatBazar, - we bring the authentic taste of - Indian street food right to your - doorstep. - -

- - - -
- - - -
- -
- -
- - Priya Sharma - -

- Priya Sharma -

- -

- Founder & Head Chef -

- -
- -
- -

- About Priya -

- -

- 10+ years of expertise - in authentic Indian - street food. -

- -
- -
- -
- - - -
- -
- -
- - Anjali Verma - -

- Anjali Verma -

- -

- Customer Support -

- -
- -
- -

- About Anjali -

- -

- Ensures smooth - customer experience - and fast support. -

- -
- -
- -
- -
- -
- -
- - - -
- -
- -

- Contact Us -

- -
- - - - - -
- - - - - -
- - - - - -
- - - -
- -
- -
- - - -
- -

- What Customers Say -

- -
- -
- -

- Amazing taste and super fast delivery! -

- - - - Meera K. - - -
- -
- -

- Best Pani Puri outside India! -

- - - - Arjun P. - - -
- -
- -

- Delicious snacks and excellent quality. -

- - - - Sneha M. - - -
- -
- -
- - - -
- -

- Subscribe To Newsletter -

- -

- Get latest deals and updates. -

- -
- - - - - -
- -
- - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - + + + + + + ChaatBazar 🍴 | Authentic Indian Street Food Delivered Hot + + + + + + + + +
+ +
+ + +
+
+

Authentic Indian Street Food Delivered Hot!

+

Delicious Samosa, Kachori, Pani Puri and more, right to your doorstep within 5 km.

+ +
+ +
+ + +
+

Today's Specials

+
+ +
+
+ + + + + +
+
+

About Us

+

At ChaatBazar, we bring you the authentic flavors of India's vibrant street food culture, freshly prepared and delivered hot right to your door. Our passion is to share the love of chaat, snacks, and beverages made from time-tested recipes.

+
+
+ Priya Sharma - Founder & Head Chef +

Priya Sharma

+

Founder & Head Chef - Crafting every dish with love and authenticity.

+
+
+ Anjali Verma - Customer Support +

Anjali Verma

+

Customer Support - Always here to assist you with your orders.

+
+
+ + +

Contact Us

+
+ + +
+ + + +
+ + + +
+ + + +
+
+
+ +
+

What Our Customers Say

+
+
+ +
+

The Samosas were crispy and flavorful, delivered piping hot! Amazing service and quality.

+ - Meera K. +
+
+

Love the variety and authentic taste. The Pani Puri is the best I've had outside India!

+ - Arjun P. +
+
+

Quick delivery and very friendly staff. The Kachoris are my go-to snack now. Highly recommended!

+ - Sneha M. +
+ + + + +
+
+
+ + +
+

Subscribe to Our Newsletter

+

Get the latest deals, menu updates, and exclusive offers delivered to your inbox.

+
+ + +
+
+ + + + + + + + + +