bender/cbe61e44-5d8a-45a2-be1c-de73bdb0bd9a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main

Browse Source 
Merge version_3 into main
This commit was merged in pull request #4.
This commit is contained in:
bender
2026-05-28 00:56:22 +00:00
parent 0cd3a677a6 d87f817d01
commit 5539e59c44
3 changed files with 67 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
src/app/page.tsx
View File

@@ -10,9 +10,13 @@ import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TextAbout from '@/components/sections/about/TextAbout';
import { Award, Users, Zap } from "lucide-react";
import { Award, Users, Zap, Bolt, Factory, Gem, Settings, Sparkles } from "lucide-react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function LandingPage() {
return (
@@ -97,10 +101,24 @@ export default function LandingPage() {
</div>
<div id="about" data-section="about">
<TextAbout
<SplitAbout
useInvertedBackground={false}
tag="Our Story"
title="Unveiling NEXIR: Where Innovation Meets Style"
tag="Our Philosophy"
title="Shaping Tomorrow: The NEXIR Vision"
description="NEXIR is more than streetwear; it's a movement towards a future where fashion and technology seamlessly merge. We champion innovation, redefine urban luxury, and empower individuals to wear their ambition."
bulletPoints={[
{
title: "Evolutionary Design", description: "Constantly pushing boundaries, our designs evolve with the future of fashion.", icon: Bolt},
{
title: "Ambitious Craftsmanship", description: "Meticulously crafted with cutting-edge materials for unparalleled quality and comfort.", icon: Factory},
{
title: "Future-Forward Identity", description: "Each piece embodies a vision of tomorrow, designed for the pioneers of today.", icon: Gem},
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-neon-lights_23-2149429037.jpg?_wi=1"
imageAlt="Man in neon-lit futuristic setting"
mediaAnimation="slide-up"
imagePosition="right"
textboxLayout="default"
buttons={[
{
text: "Learn More", href: "#"},
@@ -109,26 +127,27 @@ export default function LandingPage() {
</div>
<div id="features" data-section="features">
<FeatureCardTwentySeven
animationType="scale-rotate"
<FeatureBento
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
id: "f1", title: "Advanced Material Science", descriptions: [
"Experience unparalleled comfort and durability with fabrics engineered for the future.", "Water-resistant, breathable, and adaptive materials that respond to your environment."],
imageSrc: "http://img.b2bpic.net/free-photo/metal-grill-closeup-texture-music-speaker-colored-lighting_169016-51006.jpg", imageAlt: "Close-up of innovative techwear fabric"},
bentoComponent: "reveal-icon", icon: Zap,
title: "Advanced Material Science", description: "Experience unparalleled comfort and durability with fabrics engineered for the future. Water-resistant, breathable, and adaptive materials that respond to your environment."
},
{
id: "f2", title: "Modular & Adaptive Design", descriptions: [
"Garments designed with interchangeable components for personalized styling and utility.", "Transform your look and function to adapt to any urban landscape or occasion."],
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-woman-posing-studio_23-2149429025.jpg", imageAlt: "Digital illustration of modular garment design"},
bentoComponent: "reveal-icon", icon: Settings,
title: "Modular & Adaptive Design", description: "Garments designed with interchangeable components for personalized styling and utility. Transform your look and function to adapt to any urban landscape or occasion."
},
{
id: "f3", title: "Exclusive Limited Drops", descriptions: [
"Access highly sought-after collections with our curated limited edition releases.", "Each drop is a statement of exclusivity, designed for true connoisseurs of futuristic streetwear."],
imageSrc: "http://img.b2bpic.net/free-photo/cupcake-explosion_23-2148114571.jpg", imageAlt: "Digital countdown for a limited edition product drop"},
bentoComponent: "reveal-icon", icon: Sparkles,
title: "Exclusive Limited Drops", description: "Access highly sought-after collections with our curated limited edition releases. Each drop is a statement of exclusivity, designed for true connoisseurs of futuristic streetwear."
}
]}
title="Engineered for Tomorrow, Designed for Today"
description="Discover the core innovations that set NEXIR apart, blending functionality with a distinctive luxury aesthetic."
title="Beyond Limits: NEXIR's Core Innovations"
description="Experience the fusion of art and technology, where every design is a leap into the future of urban fashion. Our features are engineered for performance and sculpted for style."
tag="Innovation Hub"
/>
</div>
@@ -209,47 +228,38 @@ export default function LandingPage() {
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="scale-rotate"
<TestimonialCardFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t-1", name: "Jordan P.", role: "Fashion Influencer", company: "StyleForward", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blond-girl-posing-with-loangboard_158595-2837.jpg", imageAlt: "Jordan P. in NEXIR techwear"},
id: "t-1", name: "Jordan P.", date: "July 15, 2024", title: "Revolutionary Style", quote: "NEXIR pushes boundaries. The quality and design are truly next-gen. Worth every penny for the exclusivity!", tag: "Luxury Wear", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-blond-girl-posing-with-loangboard_158595-2837.jpg", imageAlt: "Jordan P. in NEXIR techwear", imageSrc: "http://img.b2bpic.net/free-photo/texture-blue-metallic-background_23-2149301099.jpg?_wi=1"
},
{
id: "t-2", name: "Maya S.", role: "Creative Director", company: "UrbanCanvas", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-dressed-white-posing-with-mirror-rocks_23-2149444981.jpg", imageAlt: "Maya S. in NEXIR techwear"},
id: "t-2", name: "Maya S.", date: "August 01, 2024", title: "Future-Forward Fit", quote: "Finally, a brand that gets futuristic streetwear. Every piece feels premium and makes a statement.", tag: "Tech Fashion", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-dressed-white-posing-with-mirror-rocks_23-2149444981.jpg", imageAlt: "Maya S. in NEXIR techwear", imageSrc: "http://img.b2bpic.net/free-photo/texture-blue-metallic-background_23-2149301099.jpg?_wi=1"
},
{
id: "t-3", name: "Ethan H.", role: "Tech Entrepreneur", company: "InnovateFlow", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/abstract-portrait-with-light-effects_23-2151118101.jpg", imageAlt: "Ethan H. in NEXIR techwear"},
id: "t-3", name: "Ethan H.", date: "August 10, 2024", title: "Unparalleled Innovation", quote: "The attention to detail and material innovation from NEXIR is incredible. My go-to for cutting-edge fashion.", tag: "Minimalist Luxury", avatarSrc: "http://img.b2bpic.net/free-photo/abstract-portrait-with-light-effects_23-2151118101.jpg", imageAlt: "Ethan H. in NEXIR techwear", imageSrc: "http://img.b2bpic.net/free-photo/texture-blue-metallic-background_23-2149301099.jpg?_wi=1"
},
{
id: "t-4", name: "Sophia B.", role: "Artist & Designer", company: "DigitalMuse", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-3093.jpg", imageAlt: "Sophia B. in NEXIR techwear"},
id: "t-4", name: "Sophia B.", date: "August 20, 2024", title: "Defining the New Era", quote: "Wearing NEXIR feels like stepping into the future. The luxury minimalism is spot on.", tag: "Street Style", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-3093.jpg", imageAlt: "Sophia B. in NEXIR techwear", imageSrc: "http://img.b2bpic.net/free-photo/texture-blue-metallic-background_23-2149301099.jpg?_wi=1"
},
{
id: "t-5", name: "Liam K.", role: "Streetwear Collector", company: "RareFinds", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1094.jpg", imageAlt: "Liam K. in NEXIR techwear"},
{
id: "t-6", name: "Zoe D.", role: "Futurist", company: "FutureSight Labs", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232845.jpg", imageAlt: "Zoe D. in NEXIR techwear"},
id: "t-5", name: "Liam K.", date: "September 05, 2024", title: "Elevated Experience", quote: "The fit, the fabric, the feel – NEXIR consistently delivers an elevated experience. Pure luxury techwear.", tag: "Urban Aesthetic", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1094.jpg", imageAlt: "Liam K. in NEXIR techwear", imageSrc: "http://img.b2bpic.net/free-photo/texture-blue-metallic-background_23-2149301099.jpg?_wi=1"
}
]}
kpiItems={[
{
value: "99%", label: "Satisfaction"},
{
value: "50+", label: "Countries"},
{
value: "10K+", label: "Reviews"},
]}
title="Voices of the Next Era"
description="Hear from our global community of trendsetters and innovators who trust NEXIR for their futuristic style."
title="Pioneers of the Future Speak"
description="Hear from the innovators and trendsetters who are defining the next era of style with NEXIR."
tag="Our Community"
carouselMode="buttons"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Connect with NEXIR"
description="Experience the future. For bespoke inquiries, collaborations, or white glove support, please fill out the form below. Our team will respond promptly."
title="Connect & Evolve: Partner with NEXIR"
description="Reach out to discuss collaborations, custom designs, or any inquiries. We're forging the future of fashion, and we invite you to be a part of it."
inputs={[
{
name: "name", type: "text", placeholder: "Your Name", required: true},
@@ -262,8 +272,8 @@ export default function LandingPage() {
name: "message", placeholder: "Your Message", rows: 5, required: true}}
buttonText="Submit Inquiry"
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/side-view-man-sitting-stairs_23-2149652109.jpg?_wi=2"
imageAlt="Man in futuristic setting"
imageSrc="http://img.b2bpic.net/free-photo/abstract-portrait-with-light-effects_23-2151118101.jpg?_wi=1"
imageAlt="Man in futuristic setting with light effects"
mediaPosition="right"
mediaAnimation="slide-up"
onSubmit={() => alert('Inquiry submitted!')}
@@ -271,7 +281,9 @@ export default function LandingPage() {
</div>
<div id="footer" data-section="footer">
<FooterBase
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/side-view-man-sitting-stairs_23-2149652109.jpg?_wi=1"
imageAlt="Man sitting on stairs in a futuristic city"
logoSrc="http://img.b2bpic.net/free-vector/collection-gradient-logo-template_23-2148884415.jpg"
logoAlt="NEXIR Logo"
logoText="NEXIR: Future Worn Today"

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-font-family: var(--font-inter-tight), sans-serif;), sans-serif;
font-family: var(--font-inter), sans-serif;), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-font-family: var(--font-inter-tight), sans-serif;), sans-serif;
font-family: var(--font-dm-sans), sans-serif;), sans-serif;
}

12
src/app/styles/variables.css
View File

@@ -11,14 +11,14 @@
--background-accent: #ffffff; */
--background: #000000;
--card: #0c0c0c;
--card: #1a1a1a;
--foreground: #ffffff;
--primary-cta: #106EFB;
--primary-cta-text: #ffffff;
--secondary-cta: #000000;
--primary-cta: #00FFFF;
--primary-cta-text: #000000;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #ffffff;
--accent: #535353;
--background-accent: #106EFB;
--accent: #00FF00;
--background-accent: #FF0000;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);