Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
@@ -7,7 +7,7 @@ import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
@@ -22,104 +22,51 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Affiliate",
|
||||
id: "/affiliate",
|
||||
},
|
||||
]}
|
||||
brandName="Noor Arte"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Affiliate", id: "/affiliate" },
|
||||
]}
|
||||
brandName="Noor Arte"
|
||||
button={{ text: "Contact", href: "/affiliate" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-content" data-section="about-content">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="The Soul of Noor Arte"
|
||||
/>
|
||||
</div>
|
||||
<div id="about-content" data-section="about-content">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="The Soul of Noor Arte"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-faq" data-section="about-faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are materials genuine?",
|
||||
content: "Yes, we use solid silver and authentic enamels.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where is it made?",
|
||||
content: "Every piece is crafted by masters.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Care instructions?",
|
||||
content: "Polish softly and avoid chemicals.",
|
||||
},
|
||||
]}
|
||||
title="Heritage & Questions"
|
||||
faqsAnimation="slide-up"
|
||||
description="Learn more about our materials, craft, and care guidelines."
|
||||
/>
|
||||
</div>
|
||||
<div id="about-faq" data-section="about-faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Are materials genuine?", content: "Yes, we use solid silver and authentic enamels." },
|
||||
{ id: "f2", title: "Where is it made?", content: "Every piece is crafted by masters." },
|
||||
{ id: "f3", title: "Care instructions?", content: "Polish softly and avoid chemicals." },
|
||||
]}
|
||||
title="Heritage & Questions"
|
||||
faqsAnimation="slide-up"
|
||||
description="Learn more about our materials, craft, and care guidelines."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Affiliate",
|
||||
href: "/affiliate",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "/terms",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "/privacy",
|
||||
},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "/shipping",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Noor Arte"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Shop All", href: "/shop" }, { label: "About", href: "/about" }, { label: "Affiliate", href: "/affiliate" }] },
|
||||
{ items: [{ label: "Terms", href: "/terms" }, { label: "Privacy", href: "/privacy" }, { label: "Shipping", href: "/shipping" }] },
|
||||
]}
|
||||
logoText="Noor Arte"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -8,7 +8,7 @@ import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import { Shield, Sparkles, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AffiliatePage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
@@ -23,111 +23,56 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Affiliate",
|
||||
id: "/affiliate",
|
||||
},
|
||||
]}
|
||||
brandName="Noor Arte"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Affiliate", id: "/affiliate" },
|
||||
]}
|
||||
brandName="Noor Arte"
|
||||
button={{ text: "Contact", href: "/affiliate" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="affiliate-signup" data-section="affiliate-signup">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Partner with us"
|
||||
title="Join Our Affiliate Program"
|
||||
description="Collaborate with Noor Arte and share the story of Persian art with your audience."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-female-wearing-white-shirt-delicate-silver-charm-necklace_181624-24736.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="affiliate-signup" data-section="affiliate-signup">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Partner with us"
|
||||
title="Join Our Affiliate Program"
|
||||
description="Collaborate with Noor Arte and share the story of Persian art with your audience."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-female-wearing-white-shirt-delicate-silver-charm-necklace_181624-24736.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="affiliate-features" data-section="affiliate-features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "High Commission",
|
||||
description: "Earn on every sale.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Secure Tracking",
|
||||
description: "Accurate reporting portal.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Creative Support",
|
||||
description: "Exclusive assets and content.",
|
||||
},
|
||||
]}
|
||||
title="Why Collaborate?"
|
||||
description="Benefits for our influencers and partners."
|
||||
/>
|
||||
</div>
|
||||
<div id="affiliate-features" data-section="affiliate-features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ icon: Sparkles, title: "High Commission", description: "Earn on every sale." },
|
||||
{ icon: Shield, title: "Secure Tracking", description: "Accurate reporting portal." },
|
||||
{ icon: Zap, title: "Creative Support", description: "Exclusive assets and content." },
|
||||
]}
|
||||
title="Why Collaborate?"
|
||||
description="Benefits for our influencers and partners."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Affiliate",
|
||||
href: "/affiliate",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "/terms",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "/privacy",
|
||||
},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "/shipping",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Noor Arte"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Shop All", href: "/shop" }, { label: "About", href: "/about" }, { label: "Affiliate", href: "/affiliate" }] },
|
||||
{ items: [{ label: "Terms", href: "/terms" }, { label: "Privacy", href: "/privacy" }, { label: "Shipping", href: "/shipping" }] },
|
||||
]}
|
||||
logoText="Noor Arte"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
298
src/app/page.tsx
298
src/app/page.tsx
@@ -25,223 +25,99 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Affiliate",
|
||||
id: "/affiliate",
|
||||
},
|
||||
]}
|
||||
brandName="Noor Arte"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Affiliate", id: "/affiliate" },
|
||||
]}
|
||||
brandName="Noor Arte"
|
||||
button={{ text: "Contact", href: "/affiliate" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Timeless Persian Craftsmanship"
|
||||
description="Silver and enamel jewelry telling stories of history, symbolism, and refined beauty."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "/shop",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxurious-lifestyle-concept-table_23-2148229220.jpg"
|
||||
showDimOverlay={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-shot-happy-gorgeous-woman-with-relaxed-smile-spending-nice-time-cafe_273609-9043.jpg",
|
||||
alt: "Portrait of a patron",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-pleasant-looking-woman-with-curly-hair-being-good-mood-smiles-satisfied-wears-casual-turtleneck-earrings_273609-46782.jpg",
|
||||
alt: "Portrait of a patron",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/horizontal-portrait-cheerful-woman-with-appealing-smile-having-pinkish-hair-bun-tattoo-wearing-casual-clothes_273609-307.jpg",
|
||||
alt: "Portrait of a patron",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-cheerful-beautiful-woman-with-trendy-hairdo-having-dark-charming-eyes-engaging-smile-people-happiness-emotions-lifestyle-concept_273609-7343.jpg",
|
||||
alt: "Portrait of a patron",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-846.jpg",
|
||||
alt: "Portrait of a patron",
|
||||
},
|
||||
]}
|
||||
avatarText="Loved by over 500+ collectors worldwide."
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Timeless Persian Craftsmanship"
|
||||
description="Silver and enamel jewelry telling stories of history, symbolism, and refined beauty."
|
||||
buttons={[{ text: "Shop Collection", href: "/shop" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxurious-lifestyle-concept-table_23-2148229220.jpg"
|
||||
showDimOverlay={true}
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/indoor-shot-happy-gorgeous-woman-with-relaxed-smile-spending-nice-time-cafe_273609-9043.jpg", alt: "Portrait of a patron" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-pleasant-looking-woman-with-curly-hair-being-good-mood-smiles-satisfied-wears-casual-turtleneck-earrings_273609-46782.jpg", alt: "Portrait of a patron" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/horizontal-portrait-cheerful-woman-with-appealing-smile-having-pinkish-hair-bun-tattoo-wearing-casual-clothes_273609-307.jpg", alt: "Portrait of a patron" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-cheerful-beautiful-woman-with-trendy-hairdo-having-dark-charming-eyes-engaging-smile-people-happiness-emotions-lifestyle-concept_273609-7343.jpg", alt: "Portrait of a patron" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-846.jpg", alt: "Portrait of a patron" },
|
||||
]}
|
||||
avatarText="Loved by over 500+ collectors worldwide."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-snippet" data-section="about-snippet">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Artistic Legacy Redefined"
|
||||
/>
|
||||
</div>
|
||||
<div id="about-snippet" data-section="about-snippet">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Artistic Legacy Redefined"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="featured-products" data-section="featured-products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Enamel Lotus Pendant",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jewelry-lifestyle-flat-layout-with-place-text-jewellery-background-mockup-banner-fashion-accessories_460848-12595.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Silver Filigree Cuff",
|
||||
price: "$180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jewelry-lifestyle-flat-layout-with-place-text-jewellery-background-mockup-banner-fashion-accessories_460848-12584.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Sun & Moon Earrings",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-aesthetic-earrings_23-2149649134.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Antique Coin Ring",
|
||||
price: "$140",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expensive-golden-ring-with-white-powder-background_23-2150347038.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Turquoise Inlay Necklace",
|
||||
price: "$210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jewelry-inside-red-craft-gift-box-high-quality-photo_114579-12182.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Calligraphy Brooch",
|
||||
price: "$110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/painted-white-rose-with-brush-small-keys_23-2148017946.jpg",
|
||||
},
|
||||
]}
|
||||
title="Curated Collections"
|
||||
description="Discover our signature pieces blending traditional Persian motifs with modern elegance."
|
||||
/>
|
||||
</div>
|
||||
<div id="featured-products" data-section="featured-products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Enamel Lotus Pendant", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/jewelry-lifestyle-flat-layout-with-place-text-jewellery-background-mockup-banner-fashion-accessories_460848-12595.jpg" },
|
||||
{ id: "p2", name: "Silver Filigree Cuff", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/jewelry-lifestyle-flat-layout-with-place-text-jewellery-background-mockup-banner-fashion-accessories_460848-12584.jpg" },
|
||||
{ id: "p3", name: "Sun & Moon Earrings", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/still-life-aesthetic-earrings_23-2149649134.jpg" },
|
||||
{ id: "p4", name: "Antique Coin Ring", price: "$140", imageSrc: "http://img.b2bpic.net/free-photo/expensive-golden-ring-with-white-powder-background_23-2150347038.jpg" },
|
||||
{ id: "p5", name: "Turquoise Inlay Necklace", price: "$210", imageSrc: "http://img.b2bpic.net/free-photo/jewelry-inside-red-craft-gift-box-high-quality-photo_114579-12182.jpg" },
|
||||
{ id: "p6", name: "Calligraphy Brooch", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/painted-white-rose-with-brush-small-keys_23-2148017946.jpg" },
|
||||
]}
|
||||
title="Curated Collections"
|
||||
description="Discover our signature pieces blending traditional Persian motifs with modern elegance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Exquisite Detail",
|
||||
quote: "The craftsmanship is unparalleled.",
|
||||
name: "Aria K.",
|
||||
role: "Collector",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-joyful-beautiful-africanamerican-woman-laughing-looking-happy-standing-yello_1258-130860.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Stunning Beauty",
|
||||
quote: "Every piece has a beautiful story.",
|
||||
name: "Samira B.",
|
||||
role: "Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Cultural Gem",
|
||||
quote: "Wearing history every single day.",
|
||||
name: "Rohan D.",
|
||||
role: "Curator",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-technology-leisure-concept_273609-6599.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Unique Design",
|
||||
quote: "Absolutely adore the intricate enamel.",
|
||||
name: "Elena M.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Perfect Gift",
|
||||
quote: "The packaging and quality are top notch.",
|
||||
name: "Liam P.",
|
||||
role: "Art Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
|
||||
},
|
||||
]}
|
||||
title="Stories from our patrons"
|
||||
description="Heartfelt words from those who treasure our craft."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Exquisite Detail", quote: "The craftsmanship is unparalleled.", name: "Aria K.", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/closeup-joyful-beautiful-africanamerican-woman-laughing-looking-happy-standing-yello_1258-130860.jpg" },
|
||||
{ id: "2", title: "Stunning Beauty", quote: "Every piece has a beautiful story.", name: "Samira B.", role: "Stylist", imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg" },
|
||||
{ id: "3", title: "Cultural Gem", quote: "Wearing history every single day.", name: "Rohan D.", role: "Curator", imageSrc: "http://img.b2bpic.net/free-photo/people-technology-leisure-concept_273609-6599.jpg" },
|
||||
{ id: "4", title: "Unique Design", quote: "Absolutely adore the intricate enamel.", name: "Elena M.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg" },
|
||||
{ id: "5", title: "Perfect Gift", quote: "The packaging and quality are top notch.", name: "Liam P.", role: "Art Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg" },
|
||||
]}
|
||||
title="Stories from our patrons"
|
||||
description="Heartfelt words from those who treasure our craft."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gold-chain-pomegranate_23-2149836417.jpg"
|
||||
imageAlt="Gold chain and pomegranate"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="The Art of Noor"
|
||||
description="Handcrafted legacy redefined."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gold-chain-pomegranate_23-2149836417.jpg"
|
||||
imageAlt="Gold chain and pomegranate"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Affiliate",
|
||||
href: "/affiliate",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "/terms",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "/privacy",
|
||||
},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "/shipping",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Noor Arte"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Shop All", href: "/shop" }, { label: "About", href: "/about" }, { label: "Affiliate", href: "/affiliate" }] },
|
||||
{ items: [{ label: "Terms", href: "/terms" }, { label: "Privacy", href: "/privacy" }, { label: "Shipping", href: "/shipping" }] },
|
||||
]}
|
||||
logoText="Noor Arte"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -7,7 +7,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ShopPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
@@ -22,135 +22,58 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Affiliate",
|
||||
id: "/affiliate",
|
||||
},
|
||||
]}
|
||||
brandName="Noor Arte"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Affiliate", id: "/affiliate" },
|
||||
]}
|
||||
brandName="Noor Arte"
|
||||
button={{ text: "Contact", href: "/affiliate" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="shop-list" data-section="shop-list">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "a1",
|
||||
name: "Persian Flower Ring",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/emerald-rings-hands_23-2151934147.jpg",
|
||||
},
|
||||
{
|
||||
id: "a2",
|
||||
name: "Modern Ziggurat Pendant",
|
||||
price: "$135",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-holy-book-with-kippah-hamsa_23-2148629965.jpg",
|
||||
},
|
||||
{
|
||||
id: "a3",
|
||||
name: "Poetry Script Cuff",
|
||||
price: "$190",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-man-accessories_1328-2270.jpg",
|
||||
},
|
||||
{
|
||||
id: "a4",
|
||||
name: "Symbolism Drop Earrings",
|
||||
price: "$75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-christmas-globes-with-ornaments_23-2148721334.jpg",
|
||||
},
|
||||
{
|
||||
id: "a5",
|
||||
name: "Royal Enamel Belt",
|
||||
price: "$295",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/coloured-mandala-design_1175-66.jpg",
|
||||
},
|
||||
{
|
||||
id: "a6",
|
||||
name: "Artisanal Silver Links",
|
||||
price: "$160",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-glass-precious-gold-luxury-golden_1400-35.jpg",
|
||||
},
|
||||
]}
|
||||
title="Jewelry Catalog"
|
||||
description="Explore our full range of handcrafted silver and enamel treasures."
|
||||
/>
|
||||
</div>
|
||||
<div id="shop-list" data-section="shop-list">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "a1", name: "Persian Flower Ring", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/emerald-rings-hands_23-2151934147.jpg" },
|
||||
{ id: "a2", name: "Modern Ziggurat Pendant", price: "$135", imageSrc: "http://img.b2bpic.net/free-photo/front-view-holy-book-with-kippah-hamsa_23-2148629965.jpg" },
|
||||
{ id: "a3", name: "Poetry Script Cuff", price: "$190", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-man-accessories_1328-2270.jpg" },
|
||||
{ id: "a4", name: "Symbolism Drop Earrings", price: "$75", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-christmas-globes-with-ornaments_23-2148721334.jpg" },
|
||||
{ id: "a5", name: "Royal Enamel Belt", price: "$295", imageSrc: "http://img.b2bpic.net/free-vector/coloured-mandala-design_1175-66.jpg" },
|
||||
{ id: "a6", name: "Artisanal Silver Links", price: "$160", imageSrc: "http://img.b2bpic.net/free-photo/wedding-glass-precious-gold-luxury-golden_1400-35.jpg" },
|
||||
]}
|
||||
title="Jewelry Catalog"
|
||||
description="Explore our full range of handcrafted silver and enamel treasures."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Featured In"
|
||||
description="Trusted by leading fashion curators."
|
||||
names={[
|
||||
"Vogue Artisan",
|
||||
"Persian Style Digest",
|
||||
"Global Heritage Weekly",
|
||||
"Modern Jeweller Daily",
|
||||
"Cultural Trends",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Featured In"
|
||||
description="Trusted by leading fashion curators."
|
||||
names={["Vogue Artisan", "Persian Style Digest", "Global Heritage Weekly", "Modern Jeweller Daily", "Cultural Trends"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "/shop",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Affiliate",
|
||||
href: "/affiliate",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "/terms",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "/privacy",
|
||||
},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "/shipping",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Noor Arte"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Shop All", href: "/shop" }, { label: "About", href: "/about" }, { label: "Affiliate", href: "/affiliate" }] },
|
||||
{ items: [{ label: "Terms", href: "/terms" }, { label: "Privacy", href: "/privacy" }, { label: "Shipping", href: "/shipping" }] },
|
||||
]}
|
||||
logoText="Noor Arte"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user