221 lines
11 KiB
TypeScript
221 lines
11 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
|
||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||
import TextAbout from "@/components/sections/about/TextAbout";
|
||
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
|
||
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
||
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
|
||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||
import { ShieldCheck, Sparkles, CheckCircle, Instagram, Twitter } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="directional-hover"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="soft"
|
||
contentWidth="compact"
|
||
sizing="largeSizeMediumTitles"
|
||
background="circleGradient"
|
||
cardStyle="glass-elevated"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
brandName="IAON Gallery"
|
||
navItems={[
|
||
{ name: "Shop", id: "products" },
|
||
{ name: "About", id: "about" },
|
||
{ name: "Policies", id: "policies" },
|
||
{ name: "Contact", id: "contact" },
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitDualMedia
|
||
tag="Authentic Streetwear"
|
||
tagIcon={ShieldCheck}
|
||
title="Hyderabad's Most Wanted Streetwear"
|
||
description="Premium style. Affordable price. Massive variety. Every product clearly labeled—no confusion, no surprises. We're done with deceptive marketing. Shop with confidence."
|
||
background={{ variant: "plain" }}
|
||
mediaItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-sitting-outdoors_23-2148950600.jpg", imageAlt: "IAON Gallery streetwear collection hero image"
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/people-enjoy-shopping_53876-20708.jpg", imageAlt: "IAON Gallery urban fashion showcase"
|
||
},
|
||
]}
|
||
rating={5}
|
||
ratingText="Trusted by Hyderabad Youth"
|
||
buttons={[{ text: "Shop Now – Premium Streetwear", href: "#products" }]}
|
||
mediaAnimation="slide-up"
|
||
tagAnimation="slide-up"
|
||
buttonAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardOne
|
||
title="Current Collection"
|
||
description="Carefully curated streetwear. Each piece vetted for quality and authenticity. Fair pricing, no markups."
|
||
tag="New Arrivals"
|
||
tagIcon={Sparkles}
|
||
products={[
|
||
{
|
||
id: "1", name: "Essential Oversized Tee", price: "₹599", imageSrc: "http://img.b2bpic.net/free-photo/upset-european-man-white-shirt-with-tattooed-arms-sitting-outdoors_181624-59916.jpg", imageAlt: "Essential Oversized T-Shirt in black"
|
||
},
|
||
{
|
||
id: "2", name: "Classic Logo Hoodie", price: "₹1,299", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-underground-hip-hop-musician_23-2150932933.jpg", imageAlt: "Classic Logo Hoodie in charcoal"
|
||
},
|
||
{
|
||
id: "3", name: "Windproof Jacket", price: "₹2,499", imageSrc: "http://img.b2bpic.net/free-photo/urban-cyclist-riding-his-bike_23-2148828236.jpg", imageAlt: "Windproof Jacket in navy"
|
||
},
|
||
{
|
||
id: "4", name: "Urban Sneakers", price: "₹1,899", imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-girl-s-legs-red-keds-going-upstairs_176420-42223.jpg", imageAlt: "Urban Sneakers in white and black"
|
||
},
|
||
]}
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TextAbout
|
||
tag="Why IAON Gallery"
|
||
title="Founded to eliminate guesswork from online fashion"
|
||
useInvertedBackground={false}
|
||
buttons={[{ text: "Learn Our Policies", href: "#policies" }]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="policies" data-section="policies">
|
||
<FeatureCardTwentySeven
|
||
title="Transparent Policies"
|
||
description="No hidden fees. No fake exclusivity. Just honest business."
|
||
tag="Our Promise"
|
||
tagIcon={CheckCircle}
|
||
features={[
|
||
{
|
||
id: "1", title: "Clear Pricing", description: "Every item shows exactly what you pay. No surprise charges at checkout. Price is final after taxes.", imageSrc: "/placeholders/placeholder1.webp?_wi=1", imageAlt: "Clear pricing display"
|
||
},
|
||
{
|
||
id: "2", title: "Easy Returns", description: "30-day hassle-free returns. No questions asked. We cover return shipping. Your satisfaction guaranteed.", imageSrc: "/placeholders/placeholder1.webp?_wi=2", imageAlt: "Easy returns process"
|
||
},
|
||
{
|
||
id: "3", title: "Authentic Products", description: "100% genuine streetwear. Direct from verified manufacturers. We verify every piece before dispatch.", imageSrc: "/placeholders/placeholder1.webp?_wi=3", imageAlt: "Authentic product verification"
|
||
},
|
||
{
|
||
id: "4", title: "Accurate Sizing", description: "Detailed size charts with real measurements. Customer fit feedback on every product. No guessing required.", imageSrc: "/placeholders/placeholder1.webp?_wi=4", imageAlt: "Accurate sizing guide"
|
||
},
|
||
]}
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFifteen
|
||
testimonial="Finally, a streetwear store that doesn't try to fool you. Clear policies, honest pricing, and clothes that actually fit as described. IAON Gallery restored my faith in online fashion shopping."
|
||
rating={5}
|
||
author="Arjun, Hyderabad"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer testimonial avatar 1"
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg", alt: "Customer testimonial avatar 2"
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/smiling-brunette-woman-standing-outside_23-2147654969.jpg", alt: "Customer testimonial avatar 3"
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/closeup-pretty-young-woman-with-long-hair-standing-against-isolated-background_662251-535.jpg", alt: "Customer testimonial avatar 4"
|
||
},
|
||
]}
|
||
ratingAnimation="slide-up"
|
||
avatarsAnimation="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitText
|
||
sideTitle="Common Questions"
|
||
sideDescription="Transparency in every answer."
|
||
faqs={[
|
||
{
|
||
id: "1", title: "How do I know if products are authentic?", content: "Every item is sourced directly from verified manufacturers and inspected before dispatch. We provide authenticity certificates for all premium pieces. No counterfeits, ever."
|
||
},
|
||
{
|
||
id: "2", title: "What's your return policy?", content: "30-day returns on all items. No questions asked. Simply initiate a return within 30 days of purchase, and we'll provide a prepaid return label. Refunds processed within 5-7 business days."
|
||
},
|
||
{
|
||
id: "3", title: "How accurate are your size charts?", content: "Our size charts include actual measurements (chest, length, sleeve) for each item. Customer fit reviews are displayed on every product. If sizing is wrong, returns are free."
|
||
},
|
||
{
|
||
id: "4", title: "Do you have physical stores?", content: "Yes! Visit us at Azampura or Tolichowki in Hyderabad for in-person shopping. Same products, same prices online and offline. No inconsistency."
|
||
},
|
||
{
|
||
id: "5", title: "Why are your prices lower?", content: "We buy directly from manufacturers, cutting out middlemen. We reinvest savings into quality control, not marketing hype. Transparent margins mean fair pricing for you."
|
||
},
|
||
{
|
||
id: "6", title: "How do I track my order?", content: "Order tracking updates are sent to your email and SMS. Real-time tracking via our app. Delivery windows are realistic, not overpromised."
|
||
},
|
||
]}
|
||
textPosition="left"
|
||
useInvertedBackground={false}
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplitForm
|
||
title="Get in Touch"
|
||
description="Have questions or need help? Reach out directly. We respond within 24 hours."
|
||
inputs={[
|
||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||
]}
|
||
textarea={{
|
||
name: "message", placeholder: "Your message or question...", rows: 5,
|
||
required: true,
|
||
}}
|
||
useInvertedBackground={false}
|
||
imageSrc="http://img.b2bpic.net/free-vector/boutique-shop-facade-with-signboard_1441-2740.jpg"
|
||
imageAlt="IAON Gallery store"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterCard
|
||
logoText="IAON Gallery"
|
||
copyrightText="© 2025 IAON Gallery. Hyderabad's Most Honest Streetwear."
|
||
socialLinks={[
|
||
{
|
||
icon: Instagram,
|
||
href: "https://instagram.com/iaon.gallery", ariaLabel: "IAON Gallery Instagram"
|
||
},
|
||
{
|
||
icon: Twitter,
|
||
href: "https://twitter.com/iaongallery", ariaLabel: "IAON Gallery Twitter"
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|