Add src/app/about/page.tsx

This commit is contained in:
2026-03-07 08:32:46 +00:00
parent 46e3c3abbc
commit ee158e2aba

121
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,121 @@
"use client";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterCard from "@/components/sections/footer/FooterCard";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Heart, Trophy, Phone, MessageCircle, MapPin } from "lucide-react";
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="small"
sizing="largeSmall"
background="blurBottom"
cardStyle="gradient-radial"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
headingFontWeight="extrabold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="Sri Govindas"
navItems={[
{ name: "Home", id: "/" },
{ name: "About Us", id: "/about" },
{ name: "Franchise", id: "/franchise" },
{ name: "Menu", id: "/menu" },
]}
button={{ text: "Call Now", href: "tel:+919876543210" }}
animateOnLoad={true}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
tag="Our Story"
tagIcon={Heart}
tagAnimation="slide-up"
title="Tradition Meets Quality at Sri Govindas"
description="For over a decade, Sri Govindas has been a trusted name in Hyderabad for authentic Indian sweets and vegetarian snacks. Located conveniently on Nagaram Road in Keesara, we use only the finest ingredients and follow traditional recipes passed down through generations. Our commitment to hygiene, quality, and customer satisfaction makes us the perfect choice for daily treats, office supplies, or special event catering. We believe in preserving authentic flavors while maintaining the highest standards of food safety and customer service."
metrics={[
{ value: "10+", title: "Years of Excellence & Trust" },
{ value: "4.1★", title: "Google Rating - Trusted by Customers" },
{ value: "1000+", title: "Weekly Orders - Events & Celebrations" },
{ value: "100%", title: "Hygiene & Quality Certified" },
]}
imageSrc="http://img.b2bpic.net/free-photo/coffee-shop-small-business_23-2149196182.jpg"
imageAlt="Sri Govindas sweet shop storefront"
useInvertedBackground={false}
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
title="What Our Customers Say"
description="Join thousands of satisfied customers who trust Sri Govindas for their sweet cravings and special occasions."
tag="4.1 Star Rated"
tagIcon={Trophy}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Ramesh Kumar", handle: "@ramesh_kumar", testimonial: "The best gulab jamun in Hyderabad! Fresh, authentic, and always perfect. Sri Govindas never disappoints my family.", imageSrc: "http://img.b2bpic.net/free-photo/young-crazy-man-happy-expression_1194-1952.jpg"},
{
id: "2", name: "Priya Sharma", handle: "Event Coordinator", testimonial: "Ordered 200 pieces of assorted sweets for my daughter's engagement. Quality was exceptional and delivery was on time!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cheerful-young-woman-looking-camera_1262-4777.jpg"},
{
id: "3", name: "Rajesh Patel", handle: "Office Manager", testimonial: "Our office places weekly orders for chaat and samosas. Hygiene is top-notch and taste is consistently excellent.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-his-collar-shirt-jacket-pants-looking-handsome-front-view_176474-88959.jpg"},
{
id: "4", name: "Meena Reddy", handle: "Health Conscious", testimonial: "Their fresh juices are made with real fruit, no artificial anything. Perfect for healthy breakfast and family gatherings!", imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-woman-cafe-drinking-coffee-date-looking-camera_197531-22708.jpg"},
{
id: "5", name: "Vikram Singh", handle: "Party Organizer", testimonial: "Managed catering for 300 people from Sri Govindas. Every item was fresh, delicious, and guests loved the variety!", imageSrc: "http://img.b2bpic.net/free-photo/emotional-young-male-with-blue-shirt-standing-gate-with-slight-smile-his-face_181624-33508.jpg"},
{
id: "6", name: "Deepa Nair", handle: "Regular Visitor", testimonial: "Been coming to Sri Govindas for 5 years. The owner is friendly, products are authentic, and prices are fair. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-854.jpg"},
]}
speed={40}
animationType="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Get Your Order & Contact Info"
description="Call us directly, send a WhatsApp message, or fill out this form to place your order, ask questions, or book catering for your special event. We're here to serve you!"
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
{ name: "orderDetails", type: "text", placeholder: "What would you like to order?", required: true },
]}
textarea={{ name: "message", placeholder: "Additional details (event date, guest count, special requests, etc.)", rows: 4, required: false }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/back-view-woman-market_23-2148781476.jpg"
imageAlt="Sri Govindas shop interior"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Submit Order Request"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Sri Govindas"
copyrightText="© 2025 Sri Govindas. Nagaram Road, Rampally X Road, Keesara, Hyderabad, Telangana 500083"
socialLinks={[
{ icon: Phone, href: "tel:+919876543210", ariaLabel: "Call Sri Govindas" },
{ icon: MessageCircle, href: "https://wa.me/919876543210", ariaLabel: "WhatsApp Sri Govindas" },
{ icon: MapPin, href: "https://maps.google.com/?q=Sri+Govindas+Keesara+Hyderabad", ariaLabel: "View Location on Google Maps" },
]}
/>
</div>
</ThemeProvider>
);
}