Update src/app/custom-order/page.tsx

This commit is contained in:
2026-03-04 17:48:27 +00:00
parent b4a048f77a
commit 4f90c54cd6

View File

@@ -6,7 +6,7 @@ import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatin
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Swatch, Ruler, Sparkles, Gift } from "lucide-react";
import { Palette, Ruler, Sparkles, Gift } from "lucide-react";
const navItems = [
{ name: "Home", id: "/" },
@@ -17,13 +17,7 @@ const navItems = [
];
const assetMap: Record<string, string> = {
"featured-pattern-1": "http://img.b2bpic.net/free-photo/cover-vintage-blank-craft-drape_1253-628.jpg",
"featured-pattern-2": "http://img.b2bpic.net/free-photo/modern-sport-composition-with-gym-mat_23-2148000455.jpg",
"featured-pattern-3": "http://img.b2bpic.net/free-photo/beige-cushion-home-decor-floor_53876-133349.jpg",
"customization-process": "http://img.b2bpic.net/free-photo/woman-writing-design-process_53876-94878.jpg",
"hero-hero-bag": "http://img.b2bpic.net/free-photo/young-woman-working-out-street_23-2148213224.jpg",
"footer-media": "http://img.b2bpic.net/free-photo/woman-concentrating-water_23-2147677917.jpg",
};
"featured-pattern-1": "http://img.b2bpic.net/free-photo/cover-vintage-blank-craft-drape_1253-628.jpg", "featured-pattern-2": "http://img.b2bpic.net/free-photo/modern-sport-composition-with-gym-mat_23-2148000455.jpg", "featured-pattern-3": "http://img.b2bpic.net/free-photo/beige-cushion-home-decor-floor_53876-133349.jpg", "customization-process": "http://img.b2bpic.net/free-photo/woman-writing-design-process_53876-94878.jpg", "hero-hero-bag": "http://img.b2bpic.net/free-photo/young-woman-working-out-street_23-2148213224.jpg", "footer-media": "http://img.b2bpic.net/free-photo/woman-concentrating-water_23-2147677917.jpg"};
const getAssetUrl = (assetId: string): string => {
return assetMap[assetId] || "/placeholders/placeholder1.webp";
@@ -37,7 +31,7 @@ export default function CustomOrderPage() {
borderRadius="soft"
contentWidth="mediumSmall"
sizing="mediumLargeSizeLargeTitles"
background="circleGradient"
background="none"
cardStyle="layered-gradient"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
@@ -49,9 +43,7 @@ export default function CustomOrderPage() {
brandName="ANVAYA ROOTS"
navItems={navItems}
button={{
text: "Call Now",
href: "tel:+919876543210",
}}
text: "Call Now", href: "tel:+919876543210"}}
buttonClassName="bg-primary-cta hover:bg-primary-cta/90 text-primary-cta-text font-semibold rounded-soft px-4 py-2"
/>
</div>
@@ -61,51 +53,39 @@ export default function CustomOrderPage() {
<FeatureCardTwentyFive
features={[
{
title: "Choose Your Fabric",
description:
"Select from traditional prints, modern patterns, or custom designs in colors that resonate with your style. We also accept fabric samples for unique customization.",
icon: Swatch,
title: "Choose Your Fabric", description:
"Select from traditional prints, modern patterns, or custom designs in colors that resonate with your style. We also accept fabric samples for unique customization.", icon: Palette,
mediaItems: [
{
imageSrc: getAssetUrl("featured-pattern-1"),
imageAlt: "Fabric selection options",
},
imageAlt: "Fabric selection options"},
{
imageSrc: getAssetUrl("featured-pattern-2"),
imageAlt: "Pattern variations",
},
imageAlt: "Pattern variations"},
],
},
{
title: "Select Your Size",
description:
"Standard, large, or custom dimensions to perfectly fit your yoga mat and practice accessories. Our team will help you choose based on your needs.",
icon: Ruler,
title: "Select Your Size", description:
"Standard, large, or custom dimensions to perfectly fit your yoga mat and practice accessories. Our team will help you choose based on your needs.", icon: Ruler,
mediaItems: [
{
imageSrc: getAssetUrl("customization-process"),
imageAlt: "Size options display",
},
imageAlt: "Size options display"},
{
imageSrc: getAssetUrl("featured-pattern-3"),
imageAlt: "Size comparison",
},
imageAlt: "Size comparison"},
],
},
{
title: "Add Personal Touches",
description:
"Embroider your name, add extra pockets for water bottles, include custom closures and straps, or design entirely unique features for your practice.",
icon: Sparkles,
title: "Add Personal Touches", description:
"Embroider your name, add extra pockets for water bottles, include custom closures and straps, or design entirely unique features for your practice.", icon: Sparkles,
mediaItems: [
{
imageSrc: getAssetUrl("hero-hero-bag"),
imageAlt: "Custom embroidery details",
},
imageAlt: "Custom embroidery details"},
{
imageSrc: getAssetUrl("featured-pattern-1"),
imageAlt: "Custom pocket options",
},
imageAlt: "Custom pocket options"},
],
},
]}
@@ -133,12 +113,10 @@ export default function CustomOrderPage() {
buttons={[
{ text: "Start Custom Order", href: "tel:+919876543210" },
{
text: "Message on WhatsApp",
href: "https://wa.me/919876543210",
},
text: "Message on WhatsApp", href: "https://wa.me/919876543210"},
]}
buttonAnimation="slide-up"
background={{ variant: "radial-gradient" }}
background={{ variant: "plain" }}
useInvertedBackground={true}
/>
</div>
@@ -152,8 +130,7 @@ export default function CustomOrderPage() {
copyrightText="© 2025 ANVAYA ROOTS. All rights reserved. Handcrafted in India."
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{ label: "Featured Collection", href: "/shop" },
{ label: "All Products", href: "/shop" },
{ label: "Custom Order", href: "/custom-order" },
@@ -161,8 +138,7 @@ export default function CustomOrderPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Story", href: "/about" },
{ label: "Sustainability", href: "/about" },
@@ -170,13 +146,10 @@ export default function CustomOrderPage() {
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "WhatsApp", href: "https://wa.me/919876543210" },
{
label: "Instagram",
href: "https://instagram.com/anvayaroots",
},
label: "Instagram", href: "https://instagram.com/anvayaroots"},
{ label: "Email", href: "mailto:hello@anvayaroots.com" },
{ label: "Privacy Policy", href: "#" },
],