252 lines
16 KiB
TypeScript
252 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
|
|
import TextAbout from "@/components/sections/about/TextAbout";
|
|
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
|
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Imtiaz Mega"
|
|
navItems={[
|
|
{ name: "Categories", id: "categories" },
|
|
{ name: "Why Choose Us", id: "why-us" },
|
|
{ name: "Experience", id: "experience" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Your One-Stop Shopping Destination in Quetta"
|
|
description="Fresh groceries, bakery items, electronics, household essentials, and fashion — all under one roof at BA Mall. Experience world-class shopping with thousands of quality products at competitive prices."
|
|
tag="Welcome to Imtiaz"
|
|
background={{ variant: "circleGradient" }}
|
|
buttons={[
|
|
{ text: "Shop Categories", href: "categories" },
|
|
{ text: "View Offers", href: "#" },
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/couple-medical-protective-mask-supermarket_1157-46703.jpg", imageAlt: "Modern supermarket interior"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetable-composition-with-greens-inside-frame-white-table_140725-142910.jpg", imageAlt: "Fresh groceries and produce section"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/delicious-products-arrangement-bakery_23-2150273142.jpg", imageAlt: "Fresh bakery items"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-checking-fruit_23-2149445499.jpg", imageAlt: "Electronics department"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/what-you-think-about-my-new-blouse_329181-8064.jpg", imageAlt: "Fashion and clothing section"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="categories" data-section="categories">
|
|
<ProductCardTwo
|
|
title="Shop by Category"
|
|
description="Browse our wide selection of products across all categories. Find everything you need in one convenient location."
|
|
tag="Categories"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
gridVariant="three-columns-all-equal-width"
|
|
products={[
|
|
{
|
|
id: "1", brand: "Fresh Market", name: "Fresh Groceries", price: "Everyday Savings", rating: 5,
|
|
reviewCount: "2.5k", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-wearing-sun-hat-market-place_23-2148648899.jpg?_wi=1", imageAlt: "Fresh groceries and produce"},
|
|
{
|
|
id: "2", brand: "Daily Fresh", name: "Bakery Items", price: "Fresh Daily", rating: 5,
|
|
reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/different-types-pastries-glass-cabinet-with-price-tag_23-2148028012.jpg?_wi=1", imageAlt: "Fresh baked goods"},
|
|
{
|
|
id: "3", brand: "Home Care", name: "Household Essentials", price: "Best Value", rating: 4,
|
|
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-bottles_23-2148883400.jpg?_wi=1", imageAlt: "Household essentials and cleaning supplies"},
|
|
{
|
|
id: "4", brand: "Tech Zone", name: "Electronics", price: "Latest Tech", rating: 5,
|
|
reviewCount: "890", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-developing-photos-darkroom_23-2149893815.jpg?_wi=1", imageAlt: "Electronics and gadgets"},
|
|
{
|
|
id: "5", brand: "Fashion Hub", name: "Fashion & Apparel", price: "Trendy Styles", rating: 4,
|
|
reviewCount: "1.5k", imageSrc: "http://img.b2bpic.net/free-photo/asian-woman-suggesting-trendy-clothes-male-client-try_482257-118047.jpg", imageAlt: "Fashion and clothing collection"},
|
|
{
|
|
id: "6", brand: "Kids World", name: "Kids & Toys", price: "Fun & Learning", rating: 5,
|
|
reviewCount: "920", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-arranging-colorful-flowering-plants-shelf_23-2147948299.jpg", imageAlt: "Kids toys and games"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<FeatureCardNine
|
|
title="Why Choose Imtiaz Mega Store"
|
|
description="Experience the difference with our commitment to quality, competitive pricing, and exceptional customer service. From fresh produce to latest electronics, we have everything you need."
|
|
showStepNumbers={true}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Huge Product Variety", description: "Thousands of products across groceries, bakery, electronics, household items, and fashion all under one roof.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-friends-fighting-with-bread-baguettes_23-2148721123.jpg?_wi=1", imageAlt: "Store interior"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-wearing-sun-hat-market-place_23-2148648899.jpg?_wi=2", imageAlt: "Fresh groceries"},
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Competitive Prices", description: "We offer the best prices in Quetta with regular discounts and special promotions for our valued customers.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-bottles_23-2148883400.jpg?_wi=2", imageAlt: "Household items"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tasty-cinnamon-rolls-arrangement_23-2148904687.jpg?_wi=1", imageAlt: "Bakery display"},
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Fresh Quality Guarantee", description: "All our produce and products are fresh and sourced daily. We guarantee the highest quality standards.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/different-types-pastries-glass-cabinet-with-price-tag_23-2148028012.jpg?_wi=2", imageAlt: "Bakery section"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-developing-photos-darkroom_23-2149893815.jpg?_wi=2", imageAlt: "Electronics"},
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Convenient Services", description: "Enjoy free delivery, on-site services, accessible facilities, and a clean, spacious shopping environment.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-family-with-child-shopping-cart-buying-food_171337-2392.jpg", imageAlt: "Store interior"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-girls-making-shopping-mall_176420-5781.jpg", imageAlt: "Clothing section"},
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="experience" data-section="experience">
|
|
<TextAbout
|
|
tag="Store Experience"
|
|
title="Imtiaz Mega Store brings a world-class shopping experience to Quetta with thousands of products across groceries, electronics, fashion, and daily essentials. Our modern, spacious store features wheelchair-accessible entrances, on-site parking, and a clean shopping environment designed for your convenience."
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Get Directions", href: "#" },
|
|
{ text: "Learn More", href: "#" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardThirteen
|
|
title="What Our Customers Say"
|
|
description="Join thousands of satisfied customers who trust Imtiaz Mega Store for their daily shopping needs."
|
|
tag="Customer Reviews"
|
|
showRating={true}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Fatima Khan", handle: "@fatimaK", testimonial: "Great experience at Imtiaz Mega Store. Most daily items are available at better rates compared to local markets. The store is clean and well-organized.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-positive-young-female-blogger-with-nose-ring-laughing-while-recording-podcast-using-headset_343059-3799.jpg", imageAlt: "Fatima Khan customer review"},
|
|
{
|
|
id: "2", name: "Ahmed Ali", handle: "@ahmedali", testimonial: "A huge one-stop store with a wide range of choices. Everything from fresh groceries to electronics is available. Highly recommended!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-european-man-glasses-suit-smiling-excited-looking-camera-with-amazed-happy-face-w_1258-154166.jpg", imageAlt: "Ahmed Ali customer review"},
|
|
{
|
|
id: "3", name: "Sophia Williams", handle: "@sophiaw", testimonial: "Excellent customer service and product quality. The staff is helpful and friendly. I shop here regularly for all my household needs.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg", imageAlt: "Sophia Williams customer review"},
|
|
{
|
|
id: "4", name: "Hassan Muhammad", handle: "@hasanm", testimonial: "Best supermarket in Quetta. Competitive prices, fresh produce, and convenient location at BA Mall. Perfect for family shopping.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-adult-slavic-man-showing-thumbs-up-isolated_141793-68759.jpg", imageAlt: "Hassan Muhammad customer review"},
|
|
{
|
|
id: "5", name: "Ayesha Malik", handle: "@ayeshamalik", testimonial: "Love shopping at Imtiaz! The variety is amazing and prices are very reasonable. The bakery section has the freshest items.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-microphone-studio_1303-26320.jpg", imageAlt: "Ayesha Malik customer review"},
|
|
{
|
|
id: "6", name: "Usman Khan", handle: "@usmanK", testimonial: "One of the best shopping experiences in Quetta. Clean environment, good variety, and helpful staff. Will definitely recommend to friends and family.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-bright-smile_23-2148563438.jpg", imageAlt: "Usman Khan customer review"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<MetricCardEleven
|
|
title="Our Services"
|
|
description="We offer a comprehensive range of services to make your shopping experience seamless and convenient."
|
|
tag="Services"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "1", value: "Free", title: "Home Delivery", description: "Order online and get your groceries delivered to your door", imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-products-super-market_1303-29621.jpg", imageAlt: "Delivery service illustration"},
|
|
{
|
|
id: "2", value: "24/7", title: "In-Store Shopping", description: "Visit our spacious store for a complete shopping experience", imageSrc: "http://img.b2bpic.net/free-photo/female-friends-fighting-with-bread-baguettes_23-2148721123.jpg?_wi=2", imageAlt: "In-store shopping experience"},
|
|
{
|
|
id: "3", value: "All", title: "Payment Methods", description: "Credit cards, debit cards, NFC mobile payments accepted", imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-phone-technology-store_1303-31328.jpg", imageAlt: "Payment methods available"},
|
|
{
|
|
id: "4", value: "5★", title: "Quality Assurance", description: "Every product undergoes quality checks before reaching you", imageSrc: "http://img.b2bpic.net/free-photo/tasty-cinnamon-rolls-arrangement_23-2148904687.jpg?_wi=2", imageAlt: "Quality assurance process"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Get in Touch"
|
|
title="Visit Imtiaz Mega Store Today"
|
|
description="Located at BA Mall, Quetta, Pakistan. Open daily with convenient parking and accessible entrances. Contact us for any inquiries or special requests."
|
|
buttons={[
|
|
{ text: "Get Directions", href: "#" },
|
|
{ text: "Call Us: (021) 111 468 429", href: "tel:+92211114684429" },
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "About", items: [
|
|
{ label: "About Imtiaz", href: "#" },
|
|
{ label: "Our Store", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Blog", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Home Delivery", href: "#" },
|
|
{ label: "In-Store Shopping", href: "#" },
|
|
{ label: "Payment Methods", href: "#" },
|
|
{ label: "Gift Cards", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Location", href: "#" },
|
|
{ label: "Phone: (021) 111 468 429", href: "tel:+92211114684429" },
|
|
{ label: "Email: info@imtiaz.com.pk", href: "mailto:info@imtiaz.com.pk" },
|
|
{ label: "Website: imtiaz.com.pk", href: "https://imtiaz.com.pk" },
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2025 Imtiaz Mega Store. All rights reserved. | Privacy Policy | Terms of Service"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|