Merge version_1 into main #1

Merged
bender merged 4 commits from version_1 into main 2026-04-28 10:25:38 +00:00
4 changed files with 62 additions and 528 deletions

View File

@@ -7,7 +7,7 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
export default function LandingPage() {
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
@@ -25,24 +25,13 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Shop",
id: "/shop",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "Shop", id: "/shop" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Velmora"
button={{ text: "Shop Now", href: "/shop" }}
/>
</div>
@@ -52,97 +41,18 @@ export default function LandingPage() {
title="About Velmora"
description="Velmora Jewelry was founded on the belief that everyday elegance should be accessible to everyone."
metrics={[
{
value: "100%",
title: "Handcrafted",
},
{
value: "5k+",
title: "Happy Customers",
},
{ value: "100%", title: "Handcrafted" },
{ value: "5k+", title: "Happy Customers" },
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-bookshelf-water-dispenser-business-office-empty-desk-with-decorations-watercooler-startup-space-shelves-with-minimal-decor-decorative-plants-refreshment_482257-27791.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
title="Frequently Asked Questions"
description="Learn more about our shipping, materials, and company ethos."
imageSrc="http://img.b2bpic.net/free-photo/high-angle-handmade-jewellery-workshop_23-2150931473.jpg"
faqs={[
{
id: "q1",
title: "Are your materials ethical?",
content: "Yes, we prioritize sustainable and ethical sourcing for all our precious metals and stones.",
},
{
id: "q2",
title: "How long does shipping take?",
content: "Orders are shipped within 3-5 business days.",
},
]}
mediaAnimation="slide-up"
faqsAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Velmora Jewelry"
columns={[
{
title: "Shop",
items: [
{
label: "Necklaces",
href: "/shop",
},
{
label: "Earrings",
href: "/shop",
},
{
label: "Sets",
href: "/shop",
},
],
},
{
title: "Support",
items: [
{
label: "Contact Us",
href: "/contact",
},
{
label: "Shipping & Returns",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
{
title: "Follow",
items: [
{
label: "Instagram",
href: "https://instagram.com",
},
{
label: "Pinterest",
href: "https://pinterest.com",
},
],
},
]}
columns={[{ title: "Shop", items: [{ label: "Necklaces", href: "/shop" }] }]}
/>
</div>
</ReactLenis>

View File

@@ -5,9 +5,8 @@ import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
@@ -25,121 +24,29 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Shop",
id: "/shop",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "Shop", id: "/shop" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Velmora"
button={{ text: "Shop Now", href: "/shop" }}
/>
</div>
<div id="contact-body" data-section="contact-body">
<ContactText
background={{ variant: "plain" }}
useInvertedBackground={true}
background={{
variant: "plain",
}}
text="Have a question? Our team is always here to help you find the perfect piece."
buttons={[
{
text: "Email Us",
href: "mailto:hello@velmora.com",
},
]}
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Words From Our Community"
description="See why our customers love Velmora."
testimonials={[
{
id: "tc1",
name: "Sarah K.",
role: "Collector",
testimonial: "I love the delicate aesthetic of these pieces.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg",
},
{
id: "tc2",
name: "Michael D.",
role: "Gift Giver",
testimonial: "Fantastic service and even better product quality.",
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098592.jpg",
},
]}
buttons={[{ text: "Email Us", href: "mailto:hello@velmora.com" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Velmora Jewelry"
columns={[
{
title: "Shop",
items: [
{
label: "Necklaces",
href: "/shop",
},
{
label: "Earrings",
href: "/shop",
},
{
label: "Sets",
href: "/shop",
},
],
},
{
title: "Support",
items: [
{
label: "Contact Us",
href: "/contact",
},
{
label: "Shipping & Returns",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
{
title: "Follow",
items: [
{
label: "Instagram",
href: "https://instagram.com",
},
{
label: "Pinterest",
href: "https://pinterest.com",
},
],
},
]}
columns={[{ title: "Shop", items: [{ label: "Necklaces", href: "/shop" }] }]}
/>
</div>
</ReactLenis>

View File

@@ -28,24 +28,13 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Shop",
id: "/shop",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "Shop", id: "/shop" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Velmora"
button={{ text: "Shop Now", href: "/shop" }}
/>
</div>
@@ -54,71 +43,14 @@ export default function LandingPage() {
title="Everyday Elegance"
description="Handcrafted jewelry designed to be the perfect companion for every outfit. Simple, eye-catching, and made for you."
testimonials={[
{
name: "Alice M.",
handle: "@alicem",
testimonial: "The earrings are stunning and so lightweight!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
},
{
name: "James K.",
handle: "@jamesk",
testimonial: "Perfect gift, my partner loved the necklace.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg",
},
{
name: "Sofia L.",
handle: "@sofial",
testimonial: "Exceptional quality and fast shipping.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/amazing-woman-with-nude-makeup-posing-her-apartment-indoor-photo-caucasian-charming-lady-standing-with-arms-crossed_197531-9271.jpg",
},
{
name: "Mark D.",
handle: "@markd",
testimonial: "Velmora has become my go-to for gifts.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing_23-2148497205.jpg",
},
{
name: "Elena P.",
handle: "@elenap",
testimonial: "So many compliments on my new ring set.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
},
]}
buttons={[
{
text: "Shop New Collection",
href: "/shop",
},
{ name: "Alice M.", handle: "@alicem", testimonial: "The earrings are stunning and so lightweight!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg" },
{ name: "James K.", handle: "@jamesk", testimonial: "Perfect gift, my partner loved the necklace.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660763.jpg" },
{ name: "Sofia L.", handle: "@sofial", testimonial: "Exceptional quality and fast shipping.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/amazing-woman-with-nude-makeup-posing-her-apartment-indoor-photo-caucasian-charming-lady-standing-with-arms-crossed_197531-9271.jpg" },
{ name: "Mark D.", handle: "@markd", testimonial: "Velmora has become my go-to for gifts.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing_23-2148497205.jpg" },
{ name: "Elena P.", handle: "@elenap", testimonial: "So many compliments on my new ring set.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg" },
]}
buttons={[{ text: "Shop New Collection", href: "/shop" }]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-dark-sweater-standing-near-lamps_114579-81893.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
alt: "Portrait of a young female dentist",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
alt: "Portrait of smiley business woman",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-happy-business-woman-posing-outdoors_23-2148603030.jpg",
alt: "Portrait of happy business woman posing outdoors",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg",
alt: "Portrait of young smiling woman looking at camera",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-young-woman-giving-thumbs-up-standing-isolated-rosy_176532-7958.jpg",
alt: "Front view portrait of beautiful young woman giving thumbs up",
},
]}
/>
</div>
@@ -128,30 +60,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Handcrafted",
descriptions: [
"Each piece is made with love by our skilled artisans.",
],
imageSrc: "http://img.b2bpic.net/free-photo/tools-clay-work-sculpting_23-2149986269.jpg",
},
{
id: "f2",
title: "Ethically Sourced",
descriptions: [
"Materials chosen with care for the environment.",
],
imageSrc: "http://img.b2bpic.net/free-photo/antique-silver-scissors-wrapped-present-with-leaves-tag-green-background_23-2147924471.jpg",
},
{
id: "f3",
title: "Timeless Design",
descriptions: [
"Jewelry that never goes out of style.",
],
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-rock-concrete-tray_23-2150329711.jpg",
},
{ id: "f1", title: "Handcrafted", descriptions: ["Each piece is made with love by our skilled artisans."], imageSrc: "http://img.b2bpic.net/free-photo/tools-clay-work-sculpting_23-2149986269.jpg" },
{ id: "f2", title: "Ethically Sourced", descriptions: ["Materials chosen with care for the environment."], imageSrc: "http://img.b2bpic.net/free-photo/antique-silver-scissors-wrapped-present-with-leaves-tag-green-background_23-2147924471.jpg" },
{ id: "f3", title: "Timeless Design", descriptions: ["Jewelry that never goes out of style."], imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-rock-concrete-tray_23-2150329711.jpg" },
]}
title="Why Choose Velmora"
description="We blend quality craftsmanship with modern aesthetics to elevate your daily style."
@@ -165,60 +76,12 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "Velmora",
name: "Minimalist Gold Necklace",
price: "$85.00",
rating: 5,
reviewCount: "128",
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-mobile-phone-communication-technology_53876-42690.jpg",
},
{
id: "p2",
brand: "Velmora",
name: "Classic Hoop Earrings",
price: "$55.00",
rating: 5,
reviewCount: "92",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-aesthetic-golden-earrings-assortment_23-2149846574.jpg",
},
{
id: "p3",
brand: "Velmora",
name: "Pearl Drop Earrings",
price: "$70.00",
rating: 4,
reviewCount: "45",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-aesthetic-earrings_23-2149649179.jpg",
},
{
id: "p4",
brand: "Velmora",
name: "Stackable Ring Set",
price: "$95.00",
rating: 5,
reviewCount: "210",
imageSrc: "http://img.b2bpic.net/free-photo/golden-wedding-rings-lie-transparent-table_8353-738.jpg",
},
{
id: "p5",
brand: "Velmora",
name: "Dainty Silver Bracelet",
price: "$60.00",
rating: 5,
reviewCount: "67",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-hand-wearing-gold-bracelet_23-2149836429.jpg",
},
{
id: "p6",
brand: "Velmora",
name: "Statement Cuff",
price: "$120.00",
rating: 5,
reviewCount: "34",
imageSrc: "http://img.b2bpic.net/free-photo/woman-s-arms-wearing-beautiful-jewelry-side-view_23-2149640596.jpg",
},
{ id: "p1", brand: "Velmora", name: "Minimalist Gold Necklace", price: "$85.00", rating: 5, reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-mobile-phone-communication-technology_53876-42690.jpg" },
{ id: "p2", brand: "Velmora", name: "Classic Hoop Earrings", price: "$55.00", rating: 5, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-aesthetic-golden-earrings-assortment_23-2149846574.jpg" },
{ id: "p3", brand: "Velmora", name: "Pearl Drop Earrings", price: "$70.00", rating: 4, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/still-life-aesthetic-earrings_23-2149649179.jpg" },
{ id: "p4", brand: "Velmora", name: "Stackable Ring Set", price: "$95.00", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/golden-wedding-rings-lie-transparent-table_8353-738.jpg" },
{ id: "p5", brand: "Velmora", name: "Dainty Silver Bracelet", price: "$60.00", rating: 5, reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/side-view-hand-wearing-gold-bracelet_23-2149836429.jpg" },
{ id: "p6", brand: "Velmora", name: "Statement Cuff", price: "$120.00", rating: 5, reviewCount: "34", imageSrc: "http://img.b2bpic.net/free-photo/woman-s-arms-wearing-beautiful-jewelry_23-2149640596.jpg" },
]}
title="Best Sellers"
description="Discover our most loved pieces, worn by you and featured in our latest collection."
@@ -230,6 +93,12 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Customization"
description="Tailored pieces to express your style."
features={[
{ id: "c1", title: "Unique", descriptions: ["Express yourself"], imageSrc: "" },
{ id: "c2", title: "Quality", descriptions: ["Lasting finish"], imageSrc: "" }
]}
/>
</div>
@@ -238,6 +107,12 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Pricing"
description="Simple tiers."
plans={[
{ title: "Standard", price: "$50", features: ["Fast shipping"] },
{ title: "Premium", price: "$100", features: ["Global shipping"] }
]}
/>
</div>
@@ -245,53 +120,8 @@ export default function LandingPage() {
<FooterBaseReveal
logoText="Velmora Jewelry"
columns={[
{
title: "Shop",
items: [
{
label: "Necklaces",
href: "/shop",
},
{
label: "Earrings",
href: "/shop",
},
{
label: "Sets",
href: "/shop",
},
],
},
{
title: "Support",
items: [
{
label: "Contact Us",
href: "/contact",
},
{
label: "Shipping & Returns",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
{
title: "Follow",
items: [
{
label: "Instagram",
href: "https://instagram.com",
},
{
label: "Pinterest",
href: "https://pinterest.com",
},
],
},
{ title: "Shop", items: [{ label: "Necklaces", href: "/shop" }, { label: "Earrings", href: "/shop" }] },
{ title: "Support", items: [{ label: "Contact Us", href: "/contact" }] }
]}
/>
</div>

View File

@@ -7,7 +7,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
export default function LandingPage() {
export default function ShopPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
@@ -25,24 +25,13 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Shop",
id: "/shop",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "Shop", id: "/shop" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Velmora"
button={{ text: "Shop Now", href: "/shop" }}
/>
</div>
@@ -50,119 +39,17 @@ export default function LandingPage() {
<ProductCatalog
layout="page"
products={[
{
id: "p1",
name: "Minimalist Gold Necklace",
price: "$85.00",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-female-wearing-beautiful-silver-necklace_181624-23666.jpg",
},
{
id: "p2",
name: "Classic Hoop Earrings",
price: "$55.00",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/golden-painted-circle-black-background_23-2148495592.jpg",
},
{
id: "p3",
name: "Pearl Drop Earrings",
price: "$70.00",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/delicate-pearl-earrings_23-2151934145.jpg",
},
{
id: "p4",
name: "Stackable Ring Set",
price: "$95.00",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-rock-concrete-tray_23-2150329703.jpg",
},
{
id: "p5",
name: "Dainty Silver Bracelet",
price: "$60.00",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-bride-s-hands_181624-40806.jpg",
},
{
id: "p6",
name: "Statement Cuff",
price: "$120.00",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/abstract-gold-chain-jewellery-presentation_23-2149599065.jpg",
},
{ id: "p1", name: "Minimalist Gold Necklace", price: "$85.00", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-female-wearing-beautiful-silver-necklace_181624-23666.jpg" },
{ id: "p2", name: "Classic Hoop Earrings", price: "$55.00", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/golden-painted-circle-black-background_23-2148495592.jpg" },
{ id: "p3", name: "Pearl Drop Earrings", price: "$70.00", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/delicate-pearl-earrings_23-2151934145.jpg" },
]}
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Vogue",
"Harper's Bazaar",
"Elle",
"InStyle",
]}
title="As Seen In"
description="Our collections featured in top fashion publications."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Velmora Jewelry"
columns={[
{
title: "Shop",
items: [
{
label: "Necklaces",
href: "/shop",
},
{
label: "Earrings",
href: "/shop",
},
{
label: "Sets",
href: "/shop",
},
],
},
{
title: "Support",
items: [
{
label: "Contact Us",
href: "/contact",
},
{
label: "Shipping & Returns",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
{
title: "Follow",
items: [
{
label: "Instagram",
href: "https://instagram.com",
},
{
label: "Pinterest",
href: "https://pinterest.com",
},
],
},
]}
columns={[{ title: "Shop", items: [{ label: "Necklaces", href: "/shop" }] }]}
/>
</div>
</ReactLenis>