131 lines
7.0 KiB
TypeScript
131 lines
7.0 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="fluid"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Products", id: "/products" },
|
|
{ name: "Visit Us", id: "/contact" },
|
|
]}
|
|
brandName="Malik Mobile Shop"
|
|
button={{ text: "Get Started", href: "#" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{
|
|
variant: "rotated-rays-static"}}
|
|
title="Your Trusted Mobile Shop in Lahore"
|
|
description="Premium phones, essential accessories, and expert SIM solutions tailored for you. Visit us on Mohlanwal Road for friendly, professional service."
|
|
carouselItems={[
|
|
{ id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-mobile-phone-coffee-shop_53876-22948.jpg", imageAlt: "Premium Mobile Retail" },
|
|
{ id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-earphones-near-stationery_23-2147929694.jpg", imageAlt: "Earbuds and Accessories" },
|
|
{ id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-enjoying-coffee_23-2148756287.jpg", imageAlt: "Tech Display" },
|
|
{ id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-table_23-2149410150.jpg", imageAlt: "Charger Station" },
|
|
{ id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17123.jpg", imageAlt: "Shop Front" },
|
|
{ id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-arrangement-with-ssd-laptop_23-2149328281.jpg", imageAlt: "Service Desk" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyEight
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ id: "f1", title: "Latest Mobiles", subtitle: "Trending devices", category: "Hardware", value: "Premium selection" },
|
|
{ id: "f2", title: "Quality Accessories", subtitle: "Original gear", category: "Hardware", value: "Chargers & cables" },
|
|
{ id: "f3", title: "SIM Solutions", subtitle: "Travel & Local", category: "Support", value: "Foreigner friendly" },
|
|
]}
|
|
title="Everything You Need"
|
|
description="We specialize in high-quality mobile products and reliable support for all your connectivity needs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{ id: "t1", name: "Ali Raza", handle: "@aliraza", testimonial: "Excellent dealing and very cooperative staff. Best mobile shop in the area.", imageSrc: "http://img.b2bpic.net/free-photo/cute-pretty-young-woman-smartphone-cafe_346278-186.jpg" },
|
|
{ id: "t2", name: "Sarah Ahmed", handle: "@sarah_a", testimonial: "Truly customer-focused. Helped me find a perfect charger for my phone quickly.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091292.jpg" },
|
|
{ id: "t3", name: "John Doe", handle: "@johndoe", testimonial: "Great experience as a traveler! They helped me get a SIM card set up instantly.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317770.jpg" },
|
|
{ id: "t4", name: "Fatima Khan", handle: "@fatimak", testimonial: "Friendly shopkeeper and genuine accessories. Highly recommended for Lahore locals.", imageSrc: "http://img.b2bpic.net/free-photo/3d-tree-with-sunlight-background_23-2150698088.jpg" },
|
|
{ id: "t5", name: "Bilal Sheikh", handle: "@bilal_s", testimonial: "Very convenient location. Always my first choice for any mobile needs.", imageSrc: "http://img.b2bpic.net/free-photo/view-matchsticks-with-geometric-shapes_23-2149600203.jpg" },
|
|
]}
|
|
title="Trusted by Lahore"
|
|
description="Experience friendly, helpful service that locals appreciate."
|
|
/>
|
|
</div>
|
|
|
|
<div id="product" data-section="product">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
title="Top Picks"
|
|
description="Our most popular accessories curated for you."
|
|
products={[
|
|
{ id: "extra1", name: "Original Type-C Cable", price: "PKR 800", imageSrc: "http://img.b2bpic.net/free-photo/white-cell-phone-charger-white-isolated-background-with-usb-cabe_58702-4495.jpg" },
|
|
{ id: "extra2", name: "Wireless Earbuds V1", price: "PKR 4500", imageSrc: "http://img.b2bpic.net/free-photo/workspace-concept-with-headphones_23-2147731358.jpg" },
|
|
{ id: "extra3", name: "Portable Power Bank 10k", price: "PKR 3200", imageSrc: "http://img.b2bpic.net/free-photo/powerbank-cellphone-wooden-table_93675-129288.jpg" },
|
|
{ id: "extra4", name: "Ergonomic Office Mouse", price: "PKR 1200", imageSrc: "http://img.b2bpic.net/free-photo/computer-mouse-surrounded-by-office-stuff_23-2148225483.jpg" },
|
|
{ id: "extra5", name: "Universal Wall Charger", price: "PKR 1500", imageSrc: "http://img.b2bpic.net/free-photo/macro-usb-type-c-port-neon-light-connector-closeup_169016-71437.jpg" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-home" data-section="contact-home">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Contact"
|
|
title="Visit Us Today"
|
|
description="Conveniently located on Mohlanwal Road, Amarkot. Our team is ready to help."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Malik Mobile Shop"
|
|
leftLink={{
|
|
text: "Call Now: 03004688977", href: "tel:03004688977"}}
|
|
rightLink={{
|
|
text: "Get Directions", href: "https://maps.google.com"}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|