Merge version_1 into main #1
251
src/app/page.tsx
251
src/app/page.tsx
@@ -28,86 +28,38 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Shop", id: "products" },
|
||||
]}
|
||||
brandName="GirlTribe.ng HairVogue"
|
||||
button={{ text: "Contact", href: "#footer" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Luxury Wigs for Timeless Elegance"
|
||||
description="At GirlTribe.ng HairVogue, we provide premium wigs, professional styling, and wig revamping services to help every woman look and feel her best. Discover confidence in every strand."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Luxury",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Shop Luxury", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glamorous-model-make-up-studio_23-2148328753.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blonde-sisters-little-chat_329181-10653.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-portrait-beauty-mulatto-woman-with-long-lashes_633478-2727.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-white-background_1187-3896.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-pretty-woman-with-white-dress_1187-3822.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/blonde-sisters-little-chat_329181-10653.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-portrait-beauty-mulatto-woman-with-long-lashes_633478-2727.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-woman-white-background_1187-3896.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-pretty-woman-with-white-dress_1187-3822.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Join 5,000+ satisfied clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Human Hair",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Revamping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Lace Fitting",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Worldwide Shipping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Experience",
|
||||
},
|
||||
{ type: "text", text: "Premium Human Hair" },
|
||||
{ type: "text", text: "Professional Revamping" },
|
||||
{ type: "text", text: "Custom Lace Fitting" },
|
||||
{ type: "text", text: "Worldwide Shipping" },
|
||||
{ type: "text", text: "Luxury Experience" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -116,15 +68,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Promise to You",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-texture-cream_23-2149409636.jpg",
|
||||
alt: "Luxury hair details",
|
||||
},
|
||||
{ type: "text", content: "Our Promise to You" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/close-up-texture-cream_23-2149409636.jpg", alt: "Luxury hair details" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -135,36 +80,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Luxury",
|
||||
title: "Premium Wigs",
|
||||
items: [
|
||||
"Carefully selected hair",
|
||||
"High-grade lace",
|
||||
"Ultra-soft texture",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Custom",
|
||||
title: "Tailored Styling",
|
||||
items: [
|
||||
"Professional fit",
|
||||
"Custom styling",
|
||||
"Color customization",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Care",
|
||||
title: "Revamping Services",
|
||||
items: [
|
||||
"Deep cleansing",
|
||||
"Conditioning treatment",
|
||||
"Precision styling",
|
||||
],
|
||||
},
|
||||
{ id: "f1", label: "Luxury", title: "Premium Wigs", items: ["Carefully selected hair", "High-grade lace", "Ultra-soft texture"] },
|
||||
{ id: "f2", label: "Custom", title: "Tailored Styling", items: ["Professional fit", "Custom styling", "Color customization"] },
|
||||
{ id: "f3", label: "Care", title: "Revamping Services", items: ["Deep cleansing", "Conditioning treatment", "Precision styling"] },
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="We specialize in more than just hair sales; we provide complete care."
|
||||
@@ -178,60 +96,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "GirlTribe",
|
||||
name: "Signature Silk Wig",
|
||||
price: "$350",
|
||||
rating: 5,
|
||||
reviewCount: "24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-sensual-woman-model-with-professional-makeup-streaked-curly-long-hair-closing-eyes-while-hand-with-silver-bracelet-anonymous-afro-american_8353-11907.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "GirlTribe",
|
||||
name: "Elegant Bob Cut",
|
||||
price: "$280",
|
||||
rating: 5,
|
||||
reviewCount: "18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-black-mixed-race-african-american-woman-with-long-curly-hair-perfect-smile_633478-1938.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "GirlTribe",
|
||||
name: "Voluminous Wave",
|
||||
price: "$420",
|
||||
rating: 5,
|
||||
reviewCount: "32",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/profile-shot-funny-carefree-blond-woman-hold-smartphone-raised-open-mouth-wide-yelling-recording-vid_1258-136492.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "GirlTribe",
|
||||
name: "Deep Wave Luxe",
|
||||
price: "$390",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interested-caucasian-girl-purple-sweater-white-skirt-standing-near-wall-adorable-young-woman-pink-periwig-sunglasses-posing-light-wall_197531-8040.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "GirlTribe",
|
||||
name: "Natural Straight",
|
||||
price: "$310",
|
||||
rating: 5,
|
||||
reviewCount: "21",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-with-shampoo-foam_23-2152001455.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "GirlTribe",
|
||||
name: "Custom Revamp Kit",
|
||||
price: "$150",
|
||||
rating: 5,
|
||||
reviewCount: "40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-long-hair-posing_1122-1458.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "GirlTribe", name: "Signature Silk Wig", price: "$350", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sensual-woman-model-with-professional-makeup-streaked-curly-long-hair-closing-eyes-while-hand-with-silver-bracelet-anonymous-afro-american_8353-11907.jpg" },
|
||||
{ id: "p2", brand: "GirlTribe", name: "Elegant Bob Cut", price: "$280", rating: 5, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/beauty-black-mixed-race-african-american-woman-with-long-curly-hair-perfect-smile_633478-1938.jpg" },
|
||||
{ id: "p3", brand: "GirlTribe", name: "Voluminous Wave", price: "$420", rating: 5, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/profile-shot-funny-carefree-blond-woman-hold-smartphone-raised-open-mouth-wide-yelling-recording-vid_1258-136492.jpg" },
|
||||
{ id: "p4", brand: "GirlTribe", name: "Deep Wave Luxe", price: "$390", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/interested-caucasian-girl-purple-sweater-white-skirt-standing-near-wall-adorable-young-woman-pink-periwig-sunglasses-posing-light-wall_197531-8040.jpg" },
|
||||
{ id: "p5", brand: "GirlTribe", name: "Natural Straight", price: "$310", rating: 5, reviewCount: "21", imageSrc: "http://img.b2bpic.net/free-photo/hair-with-shampoo-foam_23-2152001455.jpg" },
|
||||
{ id: "p6", brand: "GirlTribe", name: "Custom Revamp Kit", price: "$150", rating: 5, reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-long-hair-posing_1122-1458.jpg" },
|
||||
]}
|
||||
title="Shop Our Collection"
|
||||
description="Explore our curated range of luxury wigs, designed for elegance."
|
||||
@@ -243,56 +113,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah O.",
|
||||
date: "Oct 2023",
|
||||
title: "Best Quality Ever",
|
||||
quote: "The texture is unmatched, and the service is incredibly professional.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/blonde-sisters-little-chat_329181-10653.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-sisters-little-chat_329181-10653.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Amara K.",
|
||||
date: "Sep 2023",
|
||||
title: "Elegant Transformation",
|
||||
quote: "I feel so confident every time I wear my wig from GirlTribe.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-beauty-mulatto-woman-with-long-lashes_633478-2727.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-beauty-mulatto-woman-with-long-lashes_633478-2727.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Chioma B.",
|
||||
date: "Aug 2023",
|
||||
title: "Amazing Revamp",
|
||||
quote: "Their wig revamping service is life-saving. My wig looks brand new again.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Tolu E.",
|
||||
date: "Jul 2023",
|
||||
title: "Luxury Standard",
|
||||
quote: "Truly luxury standard. I recommend to all my friends.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pretty-woman-white-background_1187-3896.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-white-background_1187-3896.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Ify M.",
|
||||
date: "Jun 2023",
|
||||
title: "So Beautiful",
|
||||
quote: "Softness and durability are 10/10.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-with-white-dress_1187-3822.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-with-white-dress_1187-3822.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah O.", date: "Oct 2023", title: "Best Quality Ever", quote: "The texture is unmatched, and the service is incredibly professional.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/blonde-sisters-little-chat_329181-10653.jpg", imageSrc: "http://img.b2bpic.net/free-photo/blonde-sisters-little-chat_329181-10653.jpg" },
|
||||
{ id: "t2", name: "Amara K.", date: "Sep 2023", title: "Elegant Transformation", quote: "I feel so confident every time I wear my wig from GirlTribe.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-beauty-mulatto-woman-with-long-lashes_633478-2727.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-beauty-mulatto-woman-with-long-lashes_633478-2727.jpg" },
|
||||
{ id: "t3", name: "Chioma B.", date: "Aug 2023", title: "Amazing Revamp", quote: "Their wig revamping service is life-saving. My wig looks brand new again.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg", imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg" },
|
||||
{ id: "t4", name: "Tolu E.", date: "Jul 2023", title: "Luxury Standard", quote: "Truly luxury standard. I recommend to all my friends.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-woman-white-background_1187-3896.jpg", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-white-background_1187-3896.jpg" },
|
||||
{ id: "t5", name: "Ify M.", date: "Jun 2023", title: "So Beautiful", quote: "Softness and durability are 10/10.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-with-white-dress_1187-3822.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-with-white-dress_1187-3822.jpg" },
|
||||
]}
|
||||
title="Loved by Our Tribe"
|
||||
description="Hear what our clients say about their experience with GirlTribe."
|
||||
@@ -302,14 +127,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="GirlTribe.ng"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user