Merge version_1 into main #1
196
src/app/page.tsx
196
src/app/page.tsx
@@ -11,6 +11,7 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Eye, Award, Diamond, Zap } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "#collection",
|
||||
},
|
||||
name: "Collection", id: "#collection"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/ornamental-frame-with-typography_1048-3894.jpg"
|
||||
logoAlt="KEHRI brand logo"
|
||||
@@ -62,15 +53,12 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "downward-rays-animated-grid",
|
||||
}}
|
||||
variant: "downward-rays-animated-grid"}}
|
||||
logoText="Experience Fashion in Three Dimensions"
|
||||
description="Explore KEHRI's curated collection through immersive 3D design. Rotate, interact, and discover premium pieces crafted for the discerning eye."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#collection",
|
||||
},
|
||||
text: "Explore Collection", href: "#collection"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/passionate-elgant-flamenco-dancer_23-2149160858.jpg"
|
||||
imageAlt="3D render of a KEHRI luxury clothing item"
|
||||
@@ -92,32 +80,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Immersive 3D Visualization",
|
||||
description: "Rotate, zoom, and inspect every detail of our garments with cutting-edge 3D models that bring your shopping experience to life.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722633.jpg",
|
||||
imageAlt: "Interactive 3D clothing model",
|
||||
buttonIcon: "Eye",
|
||||
title: "Immersive 3D Visualization", description: "Rotate, zoom, and inspect every detail of our garments with cutting-edge 3D models that bring your shopping experience to life.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722633.jpg", imageAlt: "Interactive 3D clothing model", buttonIcon: Eye,
|
||||
},
|
||||
{
|
||||
title: "Unrivaled Craftsmanship",
|
||||
description: "Each KEHRI piece is a testament to meticulous artistry, blending traditional techniques with modern innovation for exceptional quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-origami-with-japanese-paper_23-2149048365.jpg",
|
||||
imageAlt: "Close-up of luxury fabric detail",
|
||||
buttonIcon: "Award",
|
||||
title: "Unrivaled Craftsmanship", description: "Each KEHRI piece is a testament to meticulous artistry, blending traditional techniques with modern innovation for exceptional quality.", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-origami-with-japanese-paper_23-2149048365.jpg", imageAlt: "Close-up of luxury fabric detail", buttonIcon: Award,
|
||||
},
|
||||
{
|
||||
title: "Exclusive Design Collections",
|
||||
description: "Discover limited-edition drops and curated collections, ensuring your style remains distinct and at the forefront of fashion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-teenage-boy-laughing-his-tired-girlfriend-holding-many-shopping-bags-hand_23-2148151702.jpg",
|
||||
imageAlt: "Exclusive KEHRI clothing collection",
|
||||
buttonIcon: "Diamond",
|
||||
title: "Exclusive Design Collections", description: "Discover limited-edition drops and curated collections, ensuring your style remains distinct and at the forefront of fashion.", imageSrc: "http://img.b2bpic.net/free-photo/happy-teenage-boy-laughing-his-tired-girlfriend-holding-many-shopping-bags-hand_23-2148151702.jpg", imageAlt: "Exclusive KEHRI clothing collection", buttonIcon: Diamond,
|
||||
},
|
||||
{
|
||||
title: "Seamless Digital Experience",
|
||||
description: "From intuitive navigation to responsive 3D interactions, our platform offers a fluid and engaging journey through luxury fashion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-shopping-experience_23-2151952959.jpg",
|
||||
imageAlt: "User interacting with a smooth digital fashion platform",
|
||||
buttonIcon: "Zap",
|
||||
title: "Seamless Digital Experience", description: "From intuitive navigation to responsive 3D interactions, our platform offers a fluid and engaging journey through luxury fashion.", imageSrc: "http://img.b2bpic.net/free-photo/mobile-shopping-experience_23-2151952959.jpg", imageAlt: "User interacting with a smooth digital fashion platform", buttonIcon: Zap,
|
||||
},
|
||||
]}
|
||||
title="Beyond the Fabric: The KEHRI Experience"
|
||||
@@ -133,47 +105,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "product-1",
|
||||
name: "The Obsidian Suit",
|
||||
price: "$1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-black-shirt-black-suit_158595-4803.jpg",
|
||||
imageAlt: "Luxury black suit",
|
||||
},
|
||||
id: "product-1", name: "The Obsidian Suit", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-black-shirt-black-suit_158595-4803.jpg", imageAlt: "Luxury black suit"},
|
||||
{
|
||||
id: "product-2",
|
||||
name: "Aurora Gown",
|
||||
price: "$950",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-getting-ready-drag-show_23-2149490860.jpg",
|
||||
imageAlt: "Elegant white gown",
|
||||
},
|
||||
id: "product-2", name: "Aurora Gown", price: "$950", imageSrc: "http://img.b2bpic.net/free-photo/friends-getting-ready-drag-show_23-2149490860.jpg", imageAlt: "Elegant white gown"},
|
||||
{
|
||||
id: "product-3",
|
||||
name: "Golden Weave Jacket",
|
||||
price: "$780",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-shoe_1122-373.jpg",
|
||||
imageAlt: "Gold embroidered jacket",
|
||||
},
|
||||
id: "product-3", name: "Golden Weave Jacket", price: "$780", imageSrc: "http://img.b2bpic.net/free-photo/old-shoe_1122-373.jpg", imageAlt: "Gold embroidered jacket"},
|
||||
{
|
||||
id: "product-4",
|
||||
name: "Metropolitan Jumpsuit",
|
||||
price: "$620",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lady-suit-leans-railing-listens-music-headphones-charming-young-woman-grey-jacket-pants-poses-beautiful-yard_197531-18560.jpg",
|
||||
imageAlt: "Modern minimalist jumpsuit",
|
||||
},
|
||||
id: "product-4", name: "Metropolitan Jumpsuit", price: "$620", imageSrc: "http://img.b2bpic.net/free-photo/lady-suit-leans-railing-listens-music-headphones-charming-young-woman-grey-jacket-pants-poses-beautiful-yard_197531-18560.jpg", imageAlt: "Modern minimalist jumpsuit"},
|
||||
{
|
||||
id: "product-5",
|
||||
name: "Phoenix Clutch",
|
||||
price: "$450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-stylish-woman-holding-straw-handbag_285396-4845.jpg",
|
||||
imageAlt: "Premium leather accessories",
|
||||
},
|
||||
id: "product-5", name: "Phoenix Clutch", price: "$450", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-stylish-woman-holding-straw-handbag_285396-4845.jpg", imageAlt: "Premium leather accessories"},
|
||||
{
|
||||
id: "product-6",
|
||||
name: "Monolith Trench",
|
||||
price: "$1,100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-smartphone_23-2149424937.jpg",
|
||||
imageAlt: "Avant-garde trench coat",
|
||||
},
|
||||
id: "product-6", name: "Monolith Trench", price: "$1,100", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-smartphone_23-2149424937.jpg", imageAlt: "Avant-garde trench coat"},
|
||||
]}
|
||||
title="The KEHRI Collection"
|
||||
description="Discover our latest arrivals and timeless classics, meticulously designed for the discerning individual."
|
||||
@@ -188,45 +130,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anya Sharma",
|
||||
role: "Fashion Editor",
|
||||
company: "Style Daily",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-autumn-coat-posing-street_1303-29520.jpg",
|
||||
},
|
||||
id: "1", name: "Anya Sharma", role: "Fashion Editor", company: "Style Daily", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-autumn-coat-posing-street_1303-29520.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Liam Chen",
|
||||
role: "Creative Director",
|
||||
company: "Vogue Digital",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-blond-business-woman-sitting-couch_23-2148095701.jpg",
|
||||
},
|
||||
id: "2", name: "Liam Chen", role: "Creative Director", company: "Vogue Digital", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-blond-business-woman-sitting-couch_23-2148095701.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Zara Ali",
|
||||
role: "Luxury Lifestyle Influencer",
|
||||
company: "InstaGlam",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-sitting-stairs_23-2149462169.jpg",
|
||||
},
|
||||
id: "3", name: "Zara Ali", role: "Luxury Lifestyle Influencer", company: "InstaGlam", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-woman-sitting-stairs_23-2149462169.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Noah Davis",
|
||||
role: "CEO, Mode Group",
|
||||
company: "Mode Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-using-phone-out-street_1303-22530.jpg",
|
||||
},
|
||||
id: "4", name: "Noah Davis", role: "CEO, Mode Group", company: "Mode Group", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-using-phone-out-street_1303-22530.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophia Lee",
|
||||
role: "Fashion Blogger",
|
||||
company: "Chic & Co.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-cutlery-restaurant_169016-21627.jpg",
|
||||
},
|
||||
id: "5", name: "Sophia Lee", role: "Fashion Blogger", company: "Chic & Co.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-cutlery-restaurant_169016-21627.jpg"},
|
||||
]}
|
||||
title="Voices of KEHRI"
|
||||
description="Hear what our community says about their journey into dimensional fashion and premium style."
|
||||
@@ -238,14 +155,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Vogue",
|
||||
"Elle",
|
||||
"Harper's Bazaar",
|
||||
"GQ",
|
||||
"WWD",
|
||||
"Hypebeast",
|
||||
"Highsnobiety",
|
||||
]}
|
||||
"Vogue", "Elle", "Harper's Bazaar", "GQ", "WWD", "Hypebeast", "Highsnobiety"]}
|
||||
title="As Seen In"
|
||||
description="KEHRI is recognized by leading voices in fashion and digital innovation."
|
||||
/>
|
||||
@@ -255,8 +165,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Join the Elite"
|
||||
title="Experience the Future of Fashion"
|
||||
description="Be the first to know about new collections, exclusive drops, and immersive digital events."
|
||||
@@ -271,54 +180,33 @@ export default function LandingPage() {
|
||||
logoText="KEHRI"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Press",
|
||||
href: "#social-proof",
|
||||
},
|
||||
label: "Press", href: "#social-proof"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Collections",
|
||||
items: [
|
||||
title: "Collections", items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#collection",
|
||||
},
|
||||
label: "New Arrivals", href: "#collection"},
|
||||
{
|
||||
label: "Exclusive Drops",
|
||||
href: "#collection",
|
||||
},
|
||||
label: "Exclusive Drops", href: "#collection"},
|
||||
{
|
||||
label: "Archives",
|
||||
href: "#",
|
||||
},
|
||||
label: "Archives", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Shipping & Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping & Returns", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user