Merge version_1 into main #2

Merged
bender merged 4 commits from version_1 into main 2026-03-27 13:36:51 +00:00
3 changed files with 133 additions and 141 deletions

View File

@@ -7,7 +7,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SplitAbout from '@/components/sections/about/SplitAbout';
export default function LandingPage() {
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
@@ -22,57 +22,54 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Shop",
id: "/shop",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Veloura Intimates"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Shop", id: "/shop" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Veloura Intimates"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="default"
useInvertedBackground={false}
title="Our Heritage"
description="Crafting beauty since 2025."
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/artistic-close-up-shot-of-lace-detail-on-1774618525645-fb0f2f0f.png"
videoSrc="https://www.w3schools.com/howto/mov_bbb.mp4?_wi=2"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="default"
useInvertedBackground={false}
title="Our Heritage"
description="Crafting beauty since 2025."
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/artistic-close-up-shot-of-lace-detail-on-1774618525645-fb0f2f0f.png"
videoSrc="https://www.w3schools.com/howto/mov_bbb.mp4"
mediaAnimation="slide-up"
bulletPoints={[
{ title: "Hand-picked silk", description: "Sourced from top manufacturers." },
{ title: "Inclusive sizing", description: "Available for every body type." }
]}
/>
</div>
<div id="metric" data-section="metric">
<MetricCardFourteen
useInvertedBackground={false}
title="Our Values"
tag="Integrity"
metricsAnimation="slide-up"
/>
</div>
<div id="metric" data-section="metric">
<MetricCardFourteen
useInvertedBackground={false}
title="Our Values"
tag="Integrity"
metricsAnimation="slide-up"
metrics={[
{ id: "v1", value: "100%", description: "Ethical Sourcing" },
{ id: "v2", value: "100%", description: "Fair Labor" },
{ id: "v3", value: "100%", description: "Sustainability" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Veloura Intimates"
copyrightText="© 2025 Veloura Intimates. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Veloura Intimates"
copyrightText="© 2025 Veloura Intimates. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -7,7 +7,7 @@ import FooterCard from '@/components/sections/footer/FooterCard';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
@@ -22,53 +22,50 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Shop",
id: "/shop",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Veloura Intimates"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Shop", id: "/shop" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Veloura Intimates"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
sideTitle="Support"
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
sideTitle="Support"
faqsAnimation="slide-up"
faqs={[
{ title: "Shipping info?", content: "Ships in 3-5 days." },
{ title: "Contact email?", content: "support@veloura.com" }
]}
/>
</div>
<div id="metric" data-section="metric">
<MetricCardFourteen
useInvertedBackground={false}
title="Contact Metrics"
tag="Reach Us"
metricsAnimation="opacity"
/>
</div>
<div id="metric" data-section="metric">
<MetricCardFourteen
useInvertedBackground={false}
title="Contact Metrics"
tag="Reach Us"
metricsAnimation="opacity"
metrics={[
{ id: "c1", value: "15min", description: "Average Reply" },
{ id: "c2", value: "100%", description: "Solved Issues" },
{ id: "c3", value: "24/7", description: "Available" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Veloura Intimates"
copyrightText="© 2025 Veloura Intimates. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Veloura Intimates"
copyrightText="© 2025 Veloura Intimates. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -7,7 +7,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
export default function LandingPage() {
export default function ShopPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
@@ -22,55 +22,53 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Shop",
id: "/shop",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="Veloura Intimates"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Shop", id: "/shop" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Veloura Intimates"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Shop Collections"
description="Explore our signature luxury sets."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Shop Collections"
description="Explore our signature luxury sets."
plans={[
{ title: "Basic Set", price: "$50", features: ["Standard lace", "Comfort fit"] },
{ title: "Premium Set", price: "$90", features: ["Silk detail", "Hand-crafted lace", "Enhanced support"] },
{ title: "Luxury Set", price: "$150", features: ["Premium silk", "Gold-plated details", "Custom gift box"] }
]}
/>
</div>
<div id="metric" data-section="metric">
<MetricCardFourteen
useInvertedBackground={false}
title="Veloura Standards"
tag="Excellence"
metricsAnimation="blur-reveal"
/>
</div>
<div id="metric" data-section="metric">
<MetricCardFourteen
useInvertedBackground={false}
title="Veloura Standards"
tag="Excellence"
metricsAnimation="blur-reveal"
metrics={[
{ id: "m1", value: "100%", description: "Quality Satisfaction" },
{ id: "m2", value: "24h", description: "Support Response" },
{ id: "m3", value: "500+", description: "Five Star Reviews" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Veloura Intimates"
copyrightText="© 2025 Veloura Intimates. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Veloura Intimates"
copyrightText="© 2025 Veloura Intimates. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);