Merge version_1 into main #2
293
src/app/page.tsx
293
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Shield, Star, Award, Users } from "lucide-react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -31,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Collections", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Ethereal India"
|
||||
/>
|
||||
@@ -54,79 +43,33 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Heritage Reimagined for the Modern Soul"
|
||||
description="Where centuries-old Indian craftsmanship meets the bold, unapologetic spirit of Gen Z."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Ethically Sourced",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Artisan Partners",
|
||||
},
|
||||
{
|
||||
value: "15k+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
{ value: "100%", label: "Ethically Sourced" },
|
||||
{ value: "50+", label: "Artisan Partners" },
|
||||
{ value: "15k+", label: "Happy Clients" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-view-shot-woman-posing_23-2148286025.jpg?_wi=1"
|
||||
buttons={[{ text: "Shop New Arrivals", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-view-shot-woman-posing_23-2148286025.jpg"
|
||||
imageAlt="indian ethnic fashion modern photography"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149502986.jpg",
|
||||
alt: "Beautiful young woman wearing sari",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sideways-graceful-woman-looking-camera_23-2148235388.jpg",
|
||||
alt: "Sideways graceful woman looking at camera",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400882.jpg",
|
||||
alt: "Young indian woman wearing sari",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-purple-sweater-skirt_1303-17498.jpg",
|
||||
alt: "Beautiful woman in a purple sweater and skirt",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-yellow-summer-dress-sunglasses-green-studio-excited-cheerful-joyful-point-finger-left_343596-6423.jpg",
|
||||
alt: "stylish young indian woman portrait",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149502986.jpg", alt: "Beautiful young woman wearing sari" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/sideways-graceful-woman-looking-camera_23-2148235388.jpg", alt: "Sideways graceful woman looking at camera" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400882.jpg", alt: "Young indian woman wearing sari" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-purple-sweater-skirt_1303-17498.jpg", alt: "Beautiful woman in a purple sweater and skirt" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-woman-yellow-summer-dress-sunglasses-green-studio-excited-cheerful-joyful-point-finger-left_343596-6423.jpg", alt: "stylish young indian woman portrait" },
|
||||
]}
|
||||
avatarText="Join our community of fashion-forward thinkers."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethically Crafted",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Heritage",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Silhouette",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Chic",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Indian",
|
||||
},
|
||||
{ type: "text", text: "Ethically Crafted" },
|
||||
{ type: "text", text: "Artisan Heritage" },
|
||||
{ type: "text", text: "Modern Silhouette" },
|
||||
{ type: "text", text: "Sustainable Chic" },
|
||||
{ type: "text", text: "Global Indian" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -138,24 +81,12 @@ export default function LandingPage() {
|
||||
title="Crafted with Purpose"
|
||||
description="We blend traditional Indian textiles with contemporary silhouettes, creating pieces that speak to the global citizen while honoring our roots."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Artisan-Led",
|
||||
description: "Supporting local weavers across India.",
|
||||
},
|
||||
{
|
||||
title: "Sustainable",
|
||||
description: "Eco-conscious fabrics and processes.",
|
||||
},
|
||||
{
|
||||
title: "Inclusive",
|
||||
description: "Designed for every body, every style.",
|
||||
},
|
||||
{
|
||||
title: "Timeless Quality",
|
||||
description: "Materials built to last.",
|
||||
},
|
||||
{ title: "Artisan-Led", description: "Supporting local weavers across India." },
|
||||
{ title: "Sustainable", description: "Eco-conscious fabrics and processes." },
|
||||
{ title: "Inclusive", description: "Designed for every body, every style." },
|
||||
{ title: "Timeless Quality", description: "Materials built to last." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/selective-focus-close-up-young-designer-female-smile-proud-with-her-clothes-design-hanger-tape-measure-neck_1150-50225.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/selective-focus-close-up-young-designer-female-smile-proud-with-her-clothes-design-hanger-tape-measure-neck_1150-50225.jpg"
|
||||
imageAlt="indian textile weaving workshop authentic"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -166,41 +97,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Hand-Dyed",
|
||||
description: "Using organic botanical dyes.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CCfnuJpc3okK076o2zo4C4J1BE/uploaded-1776767259964-fhhqkbp8.jpg",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{
|
||||
title: "Zero Waste",
|
||||
description: "Minimal impact production.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-view-shot-woman-posing_23-2148286025.jpg?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{
|
||||
title: "Global Style",
|
||||
description: "Designed in India, worn everywhere.",
|
||||
buttonIcon: "Star",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-close-up-young-designer-female-smile-proud-with-her-clothes-design-hanger-tape-measure-neck_1150-50225.jpg?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{
|
||||
title: "Direct Impact",
|
||||
description: "Empowering local artisan communities.",
|
||||
buttonIcon: "Award",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-lifestyle-concept_23-2148093987.jpg?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{
|
||||
title: "Inclusive Fit",
|
||||
description: "Tailored for every body shape.",
|
||||
buttonIcon: "Users",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400863.jpg?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{ title: "Hand-Dyed", description: "Using organic botanical dyes.", buttonIcon: Zap, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CCfnuJpc3okK076o2zo4C4J1BE/uploaded-1776767259964-fhhqkbp8.jpg", imageAlt: "User provided image" },
|
||||
{ title: "Zero Waste", description: "Minimal impact production.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/low-view-shot-woman-posing_23-2148286025.jpg", imageAlt: "User provided image" },
|
||||
{ title: "Global Style", description: "Designed in India, worn everywhere.", buttonIcon: Star, imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-close-up-young-designer-female-smile-proud-with-her-clothes-design-hanger-tape-measure-neck_1150-50225.jpg", imageAlt: "User provided image" },
|
||||
{ title: "Direct Impact", description: "Empowering local artisan communities.", buttonIcon: Award, imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-lifestyle-concept_23-2148093987.jpg", imageAlt: "User provided image" },
|
||||
{ title: "Inclusive Fit", description: "Tailored for every body shape.", buttonIcon: Users, imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400863.jpg", imageAlt: "User provided image" },
|
||||
]}
|
||||
title="Why Ethereal?"
|
||||
description="Redefining fashion for the modern era."
|
||||
@@ -214,42 +115,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Indigo Fusion Kurti",
|
||||
price: "₹2,499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-lifestyle-concept_23-2148093987.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Minimalist Gold Jhumkas",
|
||||
price: "₹1,299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400863.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Modern Silk Lehenga",
|
||||
price: "₹8,999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400909.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Floral Summer Saree",
|
||||
price: "₹3,499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surrealist-portrait-fashionable-woman_23-2149224643.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Ethnic Fusion Blazer",
|
||||
price: "₹4,999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-indian-macho-man-model-suit-pink-tie-posed-winter-day_627829-1596.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Boho Linen Dress",
|
||||
price: "₹2,899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-carrying-waist-bag-standing-against-outdoors-wall_23-2148221950.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Indigo Fusion Kurti", price: "₹2,499", imageSrc: "http://img.b2bpic.net/free-photo/teenage-girl-lifestyle-concept_23-2148093987.jpg" },
|
||||
{ id: "p2", name: "Minimalist Gold Jhumkas", price: "₹1,299", imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400863.jpg" },
|
||||
{ id: "p3", name: "Modern Silk Lehenga", price: "₹8,999", imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400909.jpg" },
|
||||
{ id: "p4", name: "Floral Summer Saree", price: "₹3,499", imageSrc: "http://img.b2bpic.net/free-photo/surrealist-portrait-fashionable-woman_23-2149224643.jpg" },
|
||||
{ id: "p5", name: "Ethnic Fusion Blazer", price: "₹4,999", imageSrc: "http://img.b2bpic.net/free-photo/elegant-indian-macho-man-model-suit-pink-tie-posed-winter-day_627829-1596.jpg" },
|
||||
{ id: "p6", name: "Boho Linen Dress", price: "₹2,899", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-carrying-waist-bag-standing-against-outdoors-wall_23-2148221950.jpg" },
|
||||
]}
|
||||
title="The Collection"
|
||||
description="Curated pieces for your everyday wardrobe."
|
||||
@@ -261,14 +132,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Vogue India",
|
||||
"Elle India",
|
||||
"Harper's Bazaar India",
|
||||
"Grazia India",
|
||||
"Cosmopolitan India",
|
||||
"Femina",
|
||||
"GQ India",
|
||||
]}
|
||||
"Vogue India", "Elle India", "Harper's Bazaar India", "Grazia India", "Cosmopolitan India", "Femina", "GQ India"]}
|
||||
title="As Seen In"
|
||||
description="Recognized for our fusion approach to modern Indian style."
|
||||
/>
|
||||
@@ -281,26 +145,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Ananya Sharma"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-yellow-summer-dress-sunglasses-green-studio-excited-cheerful-joyful-point-finger-left_343596-6423.jpg",
|
||||
alt: "Ananya Sharma",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-talking-phone_23-2149461776.jpg",
|
||||
alt: "Medium shot woman talking on phone",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-talking-phone_23-2149461778.jpg",
|
||||
alt: "Side view woman talking on phone",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/females-standing-with-shopping-bags_1301-1592.jpg",
|
||||
alt: "Females standing with shopping bags",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-red-dress-sexy-carefree-woman-posing-near-blue-wall-studio-positive-model-having-fun-cheerful-happy-isolated_158538-25754.jpg",
|
||||
alt: "Young beautiful smiling female in trendy summer red dress",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-woman-yellow-summer-dress-sunglasses-green-studio-excited-cheerful-joyful-point-finger-left_343596-6423.jpg", alt: "Ananya Sharma" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-talking-phone_23-2149461776.jpg", alt: "Medium shot woman talking on phone" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-woman-talking-phone_23-2149461778.jpg", alt: "Side view woman talking on phone" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/females-standing-with-shopping-bags_1301-1592.jpg", alt: "Females standing with shopping bags" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-red-dress-sexy-carefree-woman-posing-near-blue-wall-studio-positive-model-having-fun-cheerful-happy-isolated_158538-25754.jpg", alt: "Young beautiful smiling female in trendy summer red dress" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -312,26 +161,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Shipping within India?",
|
||||
content: "Yes, we ship nationwide!",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Return policy?",
|
||||
content: "15 days for returns on unworn items.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Sizing guide?",
|
||||
content: "Check our detailed chart on each product page.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Gift wrapping?",
|
||||
content: "Yes, available at checkout for a small fee.",
|
||||
},
|
||||
{ id: "f1", title: "Shipping within India?", content: "Yes, we ship nationwide!" },
|
||||
{ id: "f2", title: "Return policy?", content: "15 days for returns on unworn items." },
|
||||
{ id: "f3", title: "Sizing guide?", content: "Check our detailed chart on each product page." },
|
||||
{ id: "f4", title: "Gift wrapping?", content: "Yes, available at checkout for a small fee." },
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Have questions? We have answers."
|
||||
@@ -342,9 +175,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Stay Connected"
|
||||
title="Join the Movement"
|
||||
description="Sign up for early access to drops and exclusive artisan stories."
|
||||
@@ -355,29 +186,15 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#",
|
||||
},
|
||||
title: "Shop", items: [
|
||||
{ label: "New Arrivals", href: "#products" },
|
||||
{ label: "Best Sellers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -388,4 +205,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user