Update src/app/custom-order/page.tsx
This commit is contained in:
@@ -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: "#" },
|
||||
],
|
||||
|
||||
Reference in New Issue
Block a user