bender/d363ce73-4e2b-4893-8814-1e7a5fe195dc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-05-14 13:52:22 +00:00
Conversation 0 Commits 2 Files Changed 2 +107 -224
2 changed files with 107 additions and 224 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
src/app/contact/page.tsx Normal file
View File

@@ -0,0 +1,66 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="compact"
sizing="largeSmallSizeMediumTitles"
background="noise"
cardStyle="gradient-mesh"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="bold"
>
<ReactLenis root>
<NavbarStyleApple
navItems={[
{ name: "Home", id: "/" },
{ name: "Collection", id: "/#products" },
{ name: "About", id: "/#about" },
{ name: "Contact", id: "/contact" },
]}
brandName="BLACKSNAKE"
/>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Contact BlackSnake"
description="Reach out for any inquiries. We are here to help."
inputs={[
{ name: "name", type: "text", placeholder: "Full Name" },
{ name: "email", type: "email", placeholder: "Email Address" }
]}
textarea={{ name: "message", placeholder: "Your message for our team..." }}
buttonText="Send Message"
/>
<div className="container mx-auto py-12 px-6 text-center">
<p className="text-lg mb-4">Phone: 01116517126</p>
<a
href="https://wa.me/201116517126"
target="_blank"
rel="noopener noreferrer"
className="inline-block px-8 py-3 bg-green-600 text-white rounded-full font-semibold"
>
Chat on WhatsApp
</a>
</div>
</div>
<FooterLogoReveal
logoText="BLACKSNAKE"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</ReactLenis>
</ThemeProvider>
);
}

265
src/app/page.tsx
View File

@@ -31,22 +31,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Collection",
id: "products",
},
{
name: "About",
id: "about",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Collection", id: "products" },
{ name: "About", id: "about" },
{ name: "Contact", id: "/contact" },
]}
brandName="BLACKSNAKE"
/>
@@ -54,62 +42,25 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Quiet, Sharp, and Unapologetic."
description="Experience the definition of premium women's fashion. BlackSnake offers sophisticated designs for the modern, discerning woman."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453354.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/designer-face-mask-studio-show-room_53876-100303.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/sensual-blond-female-with-blue-eyes-white-clothes_613910-14966.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915116.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-model-with-vintage-clothes_158538-10383.jpg",
alt: "Customer",
},
{ src: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453354.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/designer-face-mask-studio-show-room_53876-100303.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/sensual-blond-female-with-blue-eyes-white-clothes_613910-14966.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915116.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-model-with-vintage-clothes_158538-10383.jpg", alt: "Customer" },
]}
avatarText="Join our community of over 500+ satisfied clients."
buttons={[
{
text: "Shop Collection",
href: "#products",
},
]}
buttons={[{ text: "Shop Collection", href: "#products" }]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "text",
text: "Timeless Elegance",
},
{
type: "text",
text: "Modern Silhouette",
},
{
type: "text",
text: "Unapologetic Style",
},
{
type: "text",
text: "Premium Craftsmanship",
},
{
type: "text",
text: "Quiet Luxury",
},
{ type: "text", text: "Timeless Elegance" },
{ type: "text", text: "Modern Silhouette" },
{ type: "text", text: "Unapologetic Style" },
{ type: "text", text: "Premium Craftsmanship" },
{ type: "text", text: "Quiet Luxury" },
]}
/>
</div>
@@ -118,11 +69,7 @@ export default function LandingPage() {
<TextAbout
useInvertedBackground={true}
title="Refined design for the unapologetic."
buttons={[
{
text: "Read Our Philosophy",
},
]}
buttons={[{ text: "Read Our Philosophy" }]}
/>
</div>
@@ -133,42 +80,12 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Tailored Blazer",
price: "$295",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DiWfYmbFaczUPASmv0bkkxhYyn/uploaded-1778766165868-pfd9pcbu.jpg",
},
{
id: "p2",
name: "Minimalist Dress",
price: "$350",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DiWfYmbFaczUPASmv0bkkxhYyn/uploaded-1778766187997-yvfkmwvx.jpg",
},
{
id: "p3",
name: "Charcoal Trousers",
price: "$195",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DiWfYmbFaczUPASmv0bkkxhYyn/uploaded-1778766219578-4b3uefqk.jpg",
},
{
id: "p4",
name: "Leather Handbag",
price: "$420",
imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073524.jpg",
},
{
id: "p5",
name: "Silk Blouse",
price: "$175",
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-dark-background-loneliness-concept_169016-66019.jpg",
},
{
id: "p6",
name: "Modern Jumpsuit",
price: "$325",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-woman-black-dress-posing_171337-6957.jpg",
},
{ id: "p1", name: "Tailored Blazer", price: "$295", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DiWfYmbFaczUPASmv0bkkxhYyn/uploaded-1778766165868-pfd9pcbu.jpg" },
{ id: "p2", name: "Minimalist Dress", price: "$350", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DiWfYmbFaczUPASmv0bkkxhYyn/uploaded-1778766187997-yvfkmwvx.jpg" },
{ id: "p3", name: "Charcoal Trousers", price: "$195", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DiWfYmbFaczUPASmv0bkkxhYyn/uploaded-1778766219578-4b3uefqk.jpg" },
{ id: "p4", name: "Leather Handbag", price: "$420", imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073524.jpg" },
{ id: "p5", name: "Silk Blouse", price: "$175", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-dark-background-loneliness-concept_169016-66019.jpg" },
{ id: "p6", name: "Modern Jumpsuit", price: "$325", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-woman-black-dress-posing_171337-6957.jpg" },
]}
title="The Collection"
description="Curated pieces for a sophisticated wardrobe."
@@ -182,21 +99,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
features={[
{
title: "Premium Materials",
description: "Sourced from the finest mills worldwide.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-fabric-details_23-2149285590.jpg",
},
{
title: "Tailored Fit",
description: "Designed to compliment your unique silhouette.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-expressive-woman-posing-black-white_23-2149392889.jpg",
},
{
title: "Timeless Style",
description: "Pieces that transcend seasonal trends.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-naked-elderly-person_23-2150961996.jpg",
},
{ title: "Premium Materials", description: "Sourced from the finest mills worldwide.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-fabric-details_23-2149285590.jpg" },
{ title: "Tailored Fit", description: "Designed to compliment your unique silhouette.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-expressive-woman-posing-black-white_23-2149392889.jpg" },
{ title: "Timeless Style", description: "Pieces that transcend seasonal trends.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-naked-elderly-person_23-2150961996.jpg" },
]}
title="Why BlackSnake"
description="Excellence in every stitch."
@@ -209,68 +114,17 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Aria V.",
role: "Creative Director",
company: "Studio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-portrait-young-beautiful-brunette-woman-wearing-nice-trendy-white-suit-sexy-fashion-model-posing-studio-fashionable-female-isolated-beige_158538-25956.jpg",
},
{
id: "2",
name: "Elena K.",
role: "Architect",
company: "DesignCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg",
},
{
id: "3",
name: "Sofia R.",
role: "Fashion Stylist",
company: "Vogue",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-expressive-woman-posing_23-2149392888.jpg",
},
{
id: "4",
name: "Maya L.",
role: "CEO",
company: "StartUp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-long-hair-dressed-green-jacket_613910-10366.jpg",
},
{
id: "5",
name: "Jade P.",
role: "Lawyer",
company: "Firm",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-blond-girl-with-blue-eyes-dressed-white-clothes_613910-2899.jpg",
},
{
id: "6",
name: "Chloe M.",
role: "Marketing",
company: "Brand",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915124.jpg",
},
{ id: "1", name: "Aria V.", role: "Creative Director", company: "Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-portrait-young-beautiful-brunette-woman-wearing-nice-trendy-white-suit-sexy-fashion-model-posing-studio-fashionable-female-isolated-beige_158538-25956.jpg" },
{ id: "2", name: "Elena K.", role: "Architect", company: "DesignCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-shells-necklace_23-2149105401.jpg" },
{ id: "3", name: "Sofia R.", role: "Fashion Stylist", company: "Vogue", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-expressive-woman-posing_23-2149392888.jpg" },
{ id: "4", name: "Maya L.", role: "CEO", company: "StartUp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-long-hair-dressed-green-jacket_613910-10366.jpg" },
{ id: "5", name: "Jade P.", role: "Lawyer", company: "Firm", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashionable-blond-girl-with-blue-eyes-dressed-white-clothes_613910-2899.jpg" },
{ id: "6", name: "Chloe M.", role: "Marketing", company: "Brand", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915124.jpg" },
]}
kpiItems={[
{
value: "100+",
label: "Styles",
},
{
value: "500+",
label: "Clients",
},
{
value: "99%",
label: "Satisfaction",
},
{ value: "100+", label: "Styles" },
{ value: "500+", label: "Clients" },
{ value: "99%", label: "Satisfaction" },
]}
title="Loved by discerning women"
description="Voices from our community."
@@ -282,14 +136,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"VOGUE",
"ELLE",
"HARPER'S",
"GQ",
"MARIE CLAIRE",
"INSTYLE",
"BAZAAR",
]}
"VOGUE", "ELLE", "HARPER'S", "GQ", "MARIE CLAIRE", "INSTYLE", "BAZAAR"]}
title="As featured in"
description="Global recognition for our vision."
/>
@@ -299,50 +146,20 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Shipping time?",
content: "3-5 business days worldwide.",
},
{
id: "q2",
title: "Returns policy?",
content: "Free returns within 30 days.",
},
{
id: "q3",
title: "Sizing guide?",
content: "Check our detailed guide on every page.",
},
{ id: "q1", title: "Shipping time?", content: "3-5 business days worldwide." },
{ id: "q2", title: "Returns policy?", content: "Free returns within 30 days." },
{ id: "q3", title: "Sizing guide?", content: "Check our detailed guide on every page." },
]}
sideTitle="Questions"
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Stay Informed"
title="Join the inner circle"
description="Receive updates on collections and private events."
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="BLACKSNAKE"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>