Merge version_1 into main #2
306
src/app/page.tsx
306
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Shield, Star, Award } from 'lucide-react';
|
||||
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
@@ -25,241 +26,86 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Collection",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "#experience",
|
||||
},
|
||||
]}
|
||||
brandName="ERAX"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Collection", id: "#products" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Experience", id: "#experience" },
|
||||
]}
|
||||
brandName="ERAX"
|
||||
button={{ text: "Get Started", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Define The Future of Elegance"
|
||||
description="ERAX brings avant-garde tailoring and 3D precision to the modern wardrobe. Experience the intersection of technology and haute couture."
|
||||
tag="NEW SEASON 2024"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-braids-portrait_23-2151428200.jpg?_wi=1",
|
||||
imageAlt: "3D Luxury Apparel",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-braids-portrait_23-2151428200.jpg?_wi=2",
|
||||
imageAlt: "Detail Showcase",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-braids-portrait_23-2151428200.jpg?_wi=3",
|
||||
imageAlt: "Futuristic Texture",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-braids-portrait_23-2151428200.jpg?_wi=4",
|
||||
imageAlt: "Metallic Finish",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-braids-portrait_23-2151428200.jpg?_wi=5",
|
||||
imageAlt: "Avant-Garde Silhouette",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Rated by top industry fashion critics"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Define The Future of Elegance"
|
||||
description="ERAX brings avant-garde tailoring and 3D precision to the modern wardrobe. Experience the intersection of technology and haute couture."
|
||||
tag="NEW SEASON 2024"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-braids-portrait_23-2151428200.jpg", imageAlt: "3D Luxury Apparel" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-braids-portrait_23-2151428200.jpg", imageAlt: "Detail Showcase" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Rated by top industry fashion critics"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision 3D Mapping",
|
||||
description: "Tailoring that moves with your body architecture.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silk-fabric-grey-material-home-decoration_23-2148516067.jpg?_wi=1",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Sustainable Luxury",
|
||||
description: "Eco-friendly premium materials, ethically sourced.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silk-fabric-grey-material-home-decoration_23-2148516067.jpg?_wi=2",
|
||||
buttonIcon: "Shield",
|
||||
},
|
||||
{
|
||||
title: "Avant-Garde Silhouettes",
|
||||
description: "Bold designs that challenge the traditional norm.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silk-fabric-grey-material-home-decoration_23-2148516067.jpg?_wi=3",
|
||||
buttonIcon: "Star",
|
||||
},
|
||||
{
|
||||
title: "Custom Fit Technology",
|
||||
description: "Personalized digital fitting for every piece.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silk-fabric-grey-material-home-decoration_23-2148516067.jpg?_wi=4",
|
||||
buttonIcon: "Award",
|
||||
},
|
||||
]}
|
||||
title="Unparalleled Craftsmanship"
|
||||
description="Every thread is engineered for perfection and comfort."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Precision 3D Mapping", description: "Tailoring that moves with your body architecture.", imageSrc: "http://img.b2bpic.net/free-photo/silk-fabric-grey-material-home-decoration_23-2148516067.jpg", buttonIcon: Zap },
|
||||
{ title: "Sustainable Luxury", description: "Eco-friendly premium materials, ethically sourced.", imageSrc: "http://img.b2bpic.net/free-photo/silk-fabric-grey-material-home-decoration_23-2148516067.jpg", buttonIcon: Shield },
|
||||
{ title: "Avant-Garde Silhouettes", description: "Bold designs that challenge the traditional norm.", imageSrc: "http://img.b2bpic.net/free-photo/silk-fabric-grey-material-home-decoration_23-2148516067.jpg", buttonIcon: Star },
|
||||
{ title: "Custom Fit Technology", description: "Personalized digital fitting for every piece.", imageSrc: "http://img.b2bpic.net/free-photo/silk-fabric-grey-material-home-decoration_23-2148516067.jpg", buttonIcon: Award }
|
||||
]}
|
||||
title="Unparalleled Craftsmanship"
|
||||
description="Every thread is engineered for perfection and comfort."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Obsidian Parka",
|
||||
price: "$899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-plus-size-male-social-media-influencer_23-2151396745.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Phantom Trousers",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-plus-size-male-social-media-influencer_23-2151396745.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Spectral Hoodie",
|
||||
price: "$320",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-plus-size-male-social-media-influencer_23-2151396745.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Vortex Blazer",
|
||||
price: "$1200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-plus-size-male-social-media-influencer_23-2151396745.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Nova Knit",
|
||||
price: "$280",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-plus-size-male-social-media-influencer_23-2151396745.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Eclipse Cap",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-plus-size-male-social-media-influencer_23-2151396745.jpg?_wi=6",
|
||||
},
|
||||
]}
|
||||
title="The ERAX Collection"
|
||||
description="Curated pieces for the uncompromising visionary."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Obsidian Parka", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/portrait-plus-size-male-social-media-influencer_23-2151396745.jpg" },
|
||||
{ id: "2", name: "Phantom Trousers", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/portrait-plus-size-male-social-media-influencer_23-2151396745.jpg" },
|
||||
{ id: "3", name: "Spectral Hoodie", price: "$320", imageSrc: "http://img.b2bpic.net/free-photo/portrait-plus-size-male-social-media-influencer_23-2151396745.jpg" },
|
||||
{ id: "4", name: "Vortex Blazer", price: "$1200", imageSrc: "http://img.b2bpic.net/free-photo/portrait-plus-size-male-social-media-influencer_23-2151396745.jpg" }
|
||||
]}
|
||||
title="The ERAX Collection"
|
||||
description="Curated pieces for the uncompromising visionary."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Exceptional Quality",
|
||||
quote: "ERAX provides a quality of tailoring I've never seen before.",
|
||||
name: "Alex Rivier",
|
||||
role: "Fashion Editor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-curly-woman-pink-suit-sitting-near-mirror_197531-16809.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Futuristic Aesthetic",
|
||||
quote: "Finally, a brand that combines high tech with luxury wear.",
|
||||
name: "Sienna Thorne",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-curly-woman-pink-suit-sitting-near-mirror_197531-16809.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Perfect Fit",
|
||||
quote: "The 3D fit technology is a total game changer for me.",
|
||||
name: "Jordan Wei",
|
||||
role: "Tech Investor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-curly-woman-pink-suit-sitting-near-mirror_197531-16809.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Bold & Unique",
|
||||
quote: "I feel transformed in my ERAX pieces. Truly unique.",
|
||||
name: "Marcus Vane",
|
||||
role: "Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-curly-woman-pink-suit-sitting-near-mirror_197531-16809.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Worth Every Penny",
|
||||
quote: "Luxury redefined. ERAX is my new favorite label.",
|
||||
name: "Helena Rossi",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-curly-woman-pink-suit-sitting-near-mirror_197531-16809.jpg?_wi=5",
|
||||
},
|
||||
]}
|
||||
title="Voices of Visionaries"
|
||||
description="How ERAX is redefining modern fashion."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Exceptional Quality", quote: "ERAX provides a quality of tailoring I've never seen before.", name: "Alex Rivier", role: "Fashion Editor", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-curly-woman-pink-suit-sitting-near-mirror_197531-16809.jpg" },
|
||||
{ id: "2", title: "Futuristic Aesthetic", quote: "Finally, a brand that combines high tech with luxury wear.", name: "Sienna Thorne", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-curly-woman-pink-suit-sitting-near-mirror_197531-16809.jpg" }
|
||||
]}
|
||||
title="Voices of Visionaries"
|
||||
description="How ERAX is redefining modern fashion."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="The ERAX Journal"
|
||||
description="Deep dives into technology and haute couture."
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: "Innovation",
|
||||
title: "The Future of 3D Tailoring",
|
||||
excerpt: "How we use spatial computing to perfect the fit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-braids-portrait_23-2151428200.jpg?_wi=6",
|
||||
authorName: "Erax Team",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/dreamy-curly-woman-pink-suit-sitting-near-mirror_197531-16809.jpg",
|
||||
date: "Oct 24, 2024",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
category: "Design",
|
||||
title: "Minimalism in Motion",
|
||||
excerpt: "Exploring the dark aesthetic of the new collection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-plus-size-male-social-media-influencer_23-2151396745.jpg?_wi=7",
|
||||
authorName: "Design Lead",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/dreamy-curly-woman-pink-suit-sitting-near-mirror_197531-16809.jpg",
|
||||
date: "Oct 15, 2024",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="ERAX"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Support",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="ERAX"
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Contact Support", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user