Merge version_2 into main #4
205
src/app/page.tsx
205
src/app/page.tsx
@@ -4,6 +4,7 @@ import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
|
||||
import HeroOverlay from "@/components/sections/hero/HeroOverlay";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
|
||||
@@ -24,8 +25,7 @@ export default function HomePage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{ label: "All Products", href: "shop" },
|
||||
{ label: "New Arrivals", href: "shop" },
|
||||
{ label: "Best Sellers", href: "shop" },
|
||||
@@ -33,8 +33,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "about" },
|
||||
{ label: "Our Brands", href: "brands" },
|
||||
{ label: "Careers", href: "#" },
|
||||
@@ -42,8 +41,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "contact" },
|
||||
{ label: "FAQ", href: "#" },
|
||||
{ label: "Shipping Info", href: "#" },
|
||||
@@ -70,14 +68,12 @@ export default function HomePage() {
|
||||
brandName="ThreadHub"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Browse Brands",
|
||||
href: "brands",
|
||||
}}
|
||||
text: "Browse Brands", href: "brands"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
<HeroOverlay
|
||||
title="Discover Premium Clothing Brands"
|
||||
description="Curated selection of the world's most coveted fashion brands in one elegant marketplace. Shop luxury, contemporary, and sustainable labels all in one place."
|
||||
tag="Fashion Marketplace"
|
||||
@@ -86,47 +82,15 @@ export default function HomePage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-holding-clothing-items_23-2149241338.jpg"
|
||||
imageAlt="Premium fashion marketplace showcase"
|
||||
mediaAnimation="blur-reveal"
|
||||
imagePosition="right"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Johnson",
|
||||
handle: "Fashion Enthusiast",
|
||||
testimonial: "The best place to find authentic designer pieces. Love the curated selection!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-adult-woman-posing_23-2148461438.jpg?_wi=1",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
{
|
||||
name: "Michael Chen",
|
||||
handle: "Style Curator",
|
||||
testimonial: "Finally, all my favorite brands in one marketplace. Shopping is a breeze!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=1",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
{
|
||||
name: "Emily Rodriguez",
|
||||
handle: "Fashion Blogger",
|
||||
testimonial: "ThreadHub has become my go-to for discovering new designers. Highly recommended!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headshot-stylish-hipster-guy-with-bushy-hairstyle-stubble-shining-eyes-poses_273609-8521.jpg?_wi=1",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
]}
|
||||
testimonialRotationInterval={5000}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Shopping",
|
||||
href: "shop",
|
||||
},
|
||||
text: "Start Shopping", href: "shop"},
|
||||
{
|
||||
text: "Explore Brands",
|
||||
href: "brands",
|
||||
},
|
||||
text: "Explore Brands", href: "brands"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "glowing-orb" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -140,31 +104,14 @@ export default function HomePage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Gucci",
|
||||
"Prada",
|
||||
"Zara",
|
||||
"H&M",
|
||||
"Calvin Klein",
|
||||
"Tommy Hilfiger",
|
||||
"Nike",
|
||||
"Adidas",
|
||||
]}
|
||||
"Gucci", "Prada", "Zara", "H&M", "Calvin Klein", "Tommy Hilfiger", "Nike", "Adidas"]}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-vector/gradient-gg-logo-template_23-2149233453.jpg",
|
||||
"http://img.b2bpic.net/free-vector/vintage-background-design_1375-236.jpg",
|
||||
"http://img.b2bpic.net/free-photo/spring-wardrobe-switch-flat-lay_23-2150264145.jpg",
|
||||
"http://img.b2bpic.net/free-psd/women-s-fashion-business-card-template_23-2150860067.jpg",
|
||||
"http://img.b2bpic.net/free-vector/collection-retro-logos_23-2148448608.jpg",
|
||||
"http://img.b2bpic.net/free-vector/fourth-july-badge-collection_23-2148184467.jpg",
|
||||
"http://img.b2bpic.net/free-vector/minimal-colorful-business-card-template_23-2148371667.jpg",
|
||||
]}
|
||||
"http://img.b2bpic.net/free-vector/gradient-gg-logo-template_23-2149233453.jpg", "http://img.b2bpic.net/free-vector/vintage-background-design_1375-236.jpg", "http://img.b2bpic.net/free-photo/spring-wardrobe-switch-flat-lay_23-2150264145.jpg", "http://img.b2bpic.net/free-psd/women-s-fashion-business-card-template_23-2150860067.jpg", "http://img.b2bpic.net/free-vector/collection-retro-logos_23-2148448608.jpg", "http://img.b2bpic.net/free-vector/fourth-july-badge-collection_23-2148184467.jpg", "http://img.b2bpic.net/free-vector/minimal-colorful-business-card-template_23-2148371667.jpg"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Brands",
|
||||
href: "brands",
|
||||
},
|
||||
text: "View All Brands", href: "brands"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
/>
|
||||
@@ -183,51 +130,21 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Gucci",
|
||||
name: "Premium Cotton T-Shirt",
|
||||
price: "$450.00",
|
||||
rating: 5,
|
||||
reviewCount: "328",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478962.jpg?_wi=1",
|
||||
imageAlt: "Gucci Premium Cotton T-Shirt",
|
||||
},
|
||||
id: "1", brand: "Gucci", name: "Premium Cotton T-Shirt", price: "$450.00", rating: 5,
|
||||
reviewCount: "328", imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478962.jpg?_wi=1", imageAlt: "Gucci Premium Cotton T-Shirt"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Prada",
|
||||
name: "Designer Blue Jeans",
|
||||
price: "$850.00",
|
||||
rating: 5,
|
||||
reviewCount: "245",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bunch-jeans-wooden-background-strewn-jeans-close-up-fashionable-clothes_169016-4540.jpg?_wi=1",
|
||||
imageAlt: "Prada Designer Blue Jeans",
|
||||
},
|
||||
id: "2", brand: "Prada", name: "Designer Blue Jeans", price: "$850.00", rating: 5,
|
||||
reviewCount: "245", imageSrc: "http://img.b2bpic.net/free-photo/bunch-jeans-wooden-background-strewn-jeans-close-up-fashionable-clothes_169016-4540.jpg?_wi=1", imageAlt: "Prada Designer Blue Jeans"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Calvin Klein",
|
||||
name: "Leather Jacket Classic",
|
||||
price: "$1,200.00",
|
||||
rating: 5,
|
||||
reviewCount: "156",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-model-demonstrating-winter-cloths_1303-16987.jpg?_wi=1",
|
||||
imageAlt: "Calvin Klein Leather Jacket Classic",
|
||||
},
|
||||
id: "3", brand: "Calvin Klein", name: "Leather Jacket Classic", price: "$1,200.00", rating: 5,
|
||||
reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/woman-model-demonstrating-winter-cloths_1303-16987.jpg?_wi=1", imageAlt: "Calvin Klein Leather Jacket Classic"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Zara",
|
||||
name: "Summer Elegant Dress",
|
||||
price: "$95.00",
|
||||
rating: 4,
|
||||
reviewCount: "512",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-women-friends-together-isolated-yellow-black-yellow-dress-hat-stylish-boho-having-fun_285396-10290.jpg?_wi=1",
|
||||
imageAlt: "Zara Summer Elegant Dress",
|
||||
},
|
||||
id: "4", brand: "Zara", name: "Summer Elegant Dress", price: "$95.00", rating: 4,
|
||||
reviewCount: "512", imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-women-friends-together-isolated-yellow-black-yellow-dress-hat-stylish-boho-having-fun_285396-10290.jpg?_wi=1", imageAlt: "Zara Summer Elegant Dress"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse All Products",
|
||||
href: "shop",
|
||||
},
|
||||
text: "Browse All Products", href: "shop"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -237,24 +154,16 @@ export default function HomePage() {
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Redefining Luxury Fashion with",
|
||||
},
|
||||
type: "text", content: "Redefining Luxury Fashion with"},
|
||||
{
|
||||
type: "text",
|
||||
content: "ThreadHub",
|
||||
},
|
||||
type: "text", content: "ThreadHub"},
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn Our Story",
|
||||
href: "about",
|
||||
},
|
||||
text: "Learn Our Story", href: "about"},
|
||||
{
|
||||
text: "Start Shopping",
|
||||
href: "shop",
|
||||
},
|
||||
text: "Start Shopping", href: "shop"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -272,31 +181,17 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Expert Curation",
|
||||
description: "Handpicked selection of premium brands ensuring quality and authenticity in every piece",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-standing-counter-desk-discussing-shirt-material-before-buying-it-clothing-store-stylish-client-shopping-formal-wear-purchasing-new-fashion-collection-boutique_482257-65520.jpg?_wi=1",
|
||||
imageAlt: "Expert Curation",
|
||||
},
|
||||
title: "Expert Curation", description: "Handpicked selection of premium brands ensuring quality and authenticity in every piece", imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-standing-counter-desk-discussing-shirt-material-before-buying-it-clothing-store-stylish-client-shopping-formal-wear-purchasing-new-fashion-collection-boutique_482257-65520.jpg?_wi=1", imageAlt: "Expert Curation"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Sustainable Fashion",
|
||||
description: "Committed to eco-friendly practices and supporting ethical fashion brands worldwide",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-green-buttons-with-sewing-machine-shuttles_23-2148527940.jpg?_wi=1",
|
||||
imageAlt: "Sustainable Fashion",
|
||||
},
|
||||
title: "Sustainable Fashion", description: "Committed to eco-friendly practices and supporting ethical fashion brands worldwide", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-green-buttons-with-sewing-machine-shuttles_23-2148527940.jpg?_wi=1", imageAlt: "Sustainable Fashion"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Fast Delivery",
|
||||
description: "Quick shipping with reliable logistics partners to get your items to you in time",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delivery-man-with-packagaes_23-2148684703.jpg?_wi=1",
|
||||
imageAlt: "Fast Delivery",
|
||||
},
|
||||
title: "Fast Delivery", description: "Quick shipping with reliable logistics partners to get your items to you in time", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delivery-man-with-packagaes_23-2148684703.jpg?_wi=1", imageAlt: "Fast Delivery"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Benefits",
|
||||
href: "shop",
|
||||
},
|
||||
text: "Explore Benefits", href: "shop"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
/>
|
||||
@@ -313,47 +208,17 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Found My Signature Style",
|
||||
quote: "ThreadHub made it so easy to explore different brands and find pieces that truly represent my personal style. The quality is exceptional!",
|
||||
name: "Jessica Taylor",
|
||||
role: "Fashion Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-adult-woman-posing_23-2148461438.jpg?_wi=2",
|
||||
imageAlt: "Jessica Taylor",
|
||||
},
|
||||
id: "1", title: "Found My Signature Style", quote: "ThreadHub made it so easy to explore different brands and find pieces that truly represent my personal style. The quality is exceptional!", name: "Jessica Taylor", role: "Fashion Designer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-adult-woman-posing_23-2148461438.jpg?_wi=2", imageAlt: "Jessica Taylor"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Authentic Luxury Experience",
|
||||
quote: "I was skeptical about buying designer pieces online, but ThreadHub's authenticity guarantee gave me confidence. Absolutely worth it!",
|
||||
name: "David Park",
|
||||
role: "CEO, Tech Startup",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=2",
|
||||
imageAlt: "David Park",
|
||||
},
|
||||
id: "2", title: "Authentic Luxury Experience", quote: "I was skeptical about buying designer pieces online, but ThreadHub's authenticity guarantee gave me confidence. Absolutely worth it!", name: "David Park", role: "CEO, Tech Startup", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=2", imageAlt: "David Park"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Best Shopping Discovery",
|
||||
quote: "The curation is impeccable. Every time I visit, I find new brands I love. This is now my go-to for all luxury fashion needs.",
|
||||
name: "Alexandra Moore",
|
||||
role: "Marketing Executive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headshot-stylish-hipster-guy-with-bushy-hairstyle-stubble-shining-eyes-poses_273609-8521.jpg?_wi=2",
|
||||
imageAlt: "Alexandra Moore",
|
||||
},
|
||||
id: "3", title: "Best Shopping Discovery", quote: "The curation is impeccable. Every time I visit, I find new brands I love. This is now my go-to for all luxury fashion needs.", name: "Alexandra Moore", role: "Marketing Executive", imageSrc: "http://img.b2bpic.net/free-photo/headshot-stylish-hipster-guy-with-bushy-hairstyle-stubble-shining-eyes-poses_273609-8521.jpg?_wi=2", imageAlt: "Alexandra Moore"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Sustainable Fashion Made Easy",
|
||||
quote: "I love that ThreadHub supports eco-friendly brands. Now I can shop luxury while staying true to my environmental values.",
|
||||
name: "James Mitchell",
|
||||
role: "Sustainability Consultant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-travelling-by-city-bus_23-2148958101.jpg",
|
||||
imageAlt: "James Mitchell",
|
||||
},
|
||||
id: "4", title: "Sustainable Fashion Made Easy", quote: "I love that ThreadHub supports eco-friendly brands. Now I can shop luxury while staying true to my environmental values.", name: "James Mitchell", role: "Sustainability Consultant", imageSrc: "http://img.b2bpic.net/free-photo/young-man-travelling-by-city-bus_23-2148958101.jpg", imageAlt: "James Mitchell"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Read More Reviews",
|
||||
href: "shop",
|
||||
},
|
||||
text: "Read More Reviews", href: "shop"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
/>
|
||||
@@ -382,4 +247,4 @@ export default function HomePage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user