175 lines
9.6 KiB
TypeScript
175 lines
9.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
|
import { Shield, Sparkles, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="none"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Collection", id: "products" },
|
|
{ name: "Heritage", id: "about" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
brandName="ADAPA"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
useInvertedBackground={false}
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Ancient Identity. Modern Streetwear."
|
|
description="هوية عريقة، ستريت وير عصري. Discover the fusion of Mesopotamian legacy and contemporary urban luxury."
|
|
testimonials={[
|
|
{ name: "Ali Hassan", handle: "@ali.adapa", testimonial: "The quality and the cultural narrative in every drop are unparalleled.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-model-with-earphones_23-2149429038.jpg" },
|
|
{ name: "Layla Zaid", handle: "@laylaz.style", testimonial: "Finally, a brand that feels truly modern yet grounded in our identity.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-sceptical-buisnessman-with-beard-dark-clothing-is-standing-dark-photo-studio_613910-12652.jpg" },
|
|
{ name: "Omar Fakhri", handle: "@omar.f", testimonial: "Mesopotamia reimagined for the modern streetwear era. Simply bold.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-darkskinned-curly-woman-stylish-white-blouse-burgundy-trendy-pants-crosses-arms-poses-dressing-room_197531-29873.jpg" },
|
|
{ name: "Sarah Mansour", handle: "@sarah.m", testimonial: "A premium look that resonates with my heritage and my city life.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mournful-female-dressed-all-black-black-funeral-grief-death-sadness_179666-42770.jpg" },
|
|
{ name: "Zaid Kareem", handle: "@zkareem", testimonial: "Craftsmanship meets history. ADAPA is my go-to luxury choice.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-wearing-red-jacket_23-2149020156.jpg" }
|
|
]}
|
|
buttons={[{ text: "Shop Collection", href: "#products" }, { text: "Explore Heritage", href: "#about" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/diverse-cultural-fashion-portrait_23-2151874311.jpg"
|
|
imageAlt="ADAPA Fashion Banner"
|
|
mediaAnimation="blur-reveal"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-with-afro-dreadlocks_23-2149462070.jpg", alt: "Medium shot man with afro dreadlocks" },
|
|
{ src: "http://img.b2bpic.net/free-photo/side-view-man-with-afro-dreadlocks-holding-phone_23-2149462074.jpg", alt: "Side view man with afro dreadlocks holding phone" },
|
|
{ src: "http://img.b2bpic.net/free-photo/front-view-woman-with-hijab-posing_23-2149522161.jpg", alt: "Front view woman with hijab posing" },
|
|
{ src: "http://img.b2bpic.net/free-photo/fashion-portrait-black-african-american-man-green-velvet-jacket-black-hat-sitting-railing-background-old-vintage-house-with-arch_627829-3583.jpg", alt: "Fashion portrait of black african american man" },
|
|
{ src: "http://img.b2bpic.net/free-photo/model-posing-with-plant-medium-shot_23-2149411346.jpg", alt: "Model posing with plant" }
|
|
]}
|
|
marqueeItems={[
|
|
{ type: "text", text: "MESOPOTAMIAN LEGACY" },
|
|
{ type: "text", text: "URBAN STREETWEAR" },
|
|
{ type: "text", text: "MODERN LUXURY" },
|
|
{ type: "text", text: "CULTURAL IDENTITY" },
|
|
{ type: "text", text: "TIMELESS DESIGN" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "1", name: "Cuneiform Oversized Hoodie", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/teddy-bear-biscuit-white-paper_114579-19123.jpg" },
|
|
{ id: "2", name: "Babylonian Art Tee", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-cafe_23-2147710383.jpg" },
|
|
{ id: "3", name: "Metallic Hardware Sweatshirt", price: "$140", imageSrc: "http://img.b2bpic.net/free-photo/serious-teenage-girl-with-bun-hairstyle-looks-directly-camera-dressed-green-stylish-clothes-wears-bright-makeup-leans-knees-poses-against-blurred-background-people-style-concept_273609-57792.jpg" },
|
|
{ id: "4", name: "Mesopotamian Cargo Trousers", price: "$160", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-outdoor_624325-1261.jpg" },
|
|
{ id: "5", name: "Ancient Symbol Snapback", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-teen-with-pink-hoodie_23-2148629629.jpg" },
|
|
{ id: "6", name: "Cuneiform Bomber Jacket", price: "$210", imageSrc: "http://img.b2bpic.net/free-vector/art-deco-wallpaper-flat-design_23-2149146218.jpg" }
|
|
]}
|
|
title="DROP 01 — MESOPOTAMIA"
|
|
description="الإصدار الأول — بلاد الرافدين. Limited edition artifacts for the modern era."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={false}
|
|
title="ADAPA — The Essence"
|
|
metrics={[
|
|
{ icon: Sparkles, label: "Ancient Inspiration", value: "Sumerian" },
|
|
{ icon: Shield, label: "Luxury Standard", value: "Premium" },
|
|
{ icon: Zap, label: "Youth Spirit", value: "Modern" }
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="editorial" data-section="editorial">
|
|
<TeamCardFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
team={[
|
|
{ id: "l-1", name: "Drop 01 Campaign", role: "Desert Landscapes", imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-fashionable-girl-posing-egyptian-desert-sand-dunes_273443-3004.jpg" },
|
|
{ id: "l-2", name: "Urban Luxury", role: "City Life Editorial", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021795.jpg" },
|
|
{ id: "l-3", name: "Detail Shot", role: "Textile Storytelling", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-walking-around-city-street-photo_1321-2574.jpg" }
|
|
]}
|
|
title="Lookbook Editorial"
|
|
description="Magazine-style glimpses into the Mesopotamian streetwear narrative."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social" data-section="social">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={["Represent Culture", "Fear of Heritage", "Modern Babylonian", "Urban Luxury", "Iraqi Youth", "Global Nomad", "Sumerian Street"]}
|
|
title="ADAPA in the Culture"
|
|
description="Resonating across the fashion scene."
|
|
/>
|
|
</div>
|
|
|
|
<div id="drop-banner" data-section="drop-banner">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{ variant: "radial-gradient" }}
|
|
tag="Limited Drop"
|
|
title="DROP 01 — MESOPOTAMIA"
|
|
description="الإصدار الأول — بلاد الرافدين. Join our community to access limited drops and exclusive heritage collections."
|
|
buttons={[{ text: "Join Newsletter", href: "#contact" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<FaqDouble
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "1", title: "Where do you ship?", content: "We ship globally to all major international hubs." },
|
|
{ id: "2", title: "Are designs limited?", content: "Yes, every collection is a limited drop to preserve artistic value." },
|
|
{ id: "3", title: "How to choose size?", content: "Refer to our size guide on each product page for precise measurements." }
|
|
]}
|
|
title="Frequently Asked"
|
|
description="Everything you need to know about our craftsmanship and shipping."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="ADAPA"
|
|
columns={[
|
|
{ title: "Shop", items: [{ label: "Collection", href: "#products" }, { label: "About", href: "#about" }] },
|
|
{ title: "Legal", items: [{ label: "Shipping", href: "#" }, { label: "Privacy", href: "#" }] },
|
|
{ title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "TikTok", href: "#" }] }
|
|
]}
|
|
copyrightText="© 2025 ADAPA. Ancient Identity."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|