Now I'll create a stunning, premium website for Iranta based on the brand visuals shared.

Here's your complete premium website design for Iranta! Here's what's been crafted for you:

Design Direction — A luxury editorial aesthetic inspired by your logo's cream-and-black palette, with deep maroon (pulled from your existing banner) and warm gold as accent colors. The typography pairs Cormorant Garamond (a refined serif) with Jost (a clean sans-serif) — very elevated, never generic.

Key Sections Included:

• Sticky header with Logo, search, account & bag icons
• Full navigation bar matching your exact menu items (NEW ARRIVALS, ANARKALI SUIT SET, ETHNIC SETS, etc.)
• Hero banner styled after your Jaipuri Kurtis design with the "Royal Heritage · Timeless Elegance" tagline
• Animated marquee strip in maroon
• Shop by Category with the 5 circles (Dresses, Co-ord Sets, Kurta Sets, Dupatta Sets, Anarkali)
• New Arrivals product grid with hover effects, badges & wishlist
• Split campaign banners (Heritage Edit + Fusion Wear)
• USP strip (Free Delivery, Easy Returns, Authentic Craft, Secure Payment)
• Customer testimonials
• Email newsletter signup
• Full footer with social links

For WoodMart (WordPress): This design spec translates directly — WoodMart has built-in support for all these elements: Revolution Slider for the hero, WooCommerce product grids, custom category circles, sticky header, and footer builder. The color palette variables I used (maroon #7B1F2E, gold #B8952A, cream #F5F0E8) should be set as your Global Colors inside WoodMart's Theme Options.

Great idea! Let me show you several premium brand tagline options for that section — you can pick whichever feels right for Iranta.

Here are 6 premium brand tagline options for that section! Each has a different personality:

01 — Empowering & personal (my top pick for ethnic wear) 02 — Regal & poetic, fits the Jaipuri heritage angle 03 — Bold and modern, good for brand recognition 04 — Soft & floral, very social-media friendly 05 — Luxury artisan positioning 06 — Your own idea, adapted with the Iranta name

Just tap "USE THIS ONE" on whichever you like and I'll update the full website design with it instantly!

Done! The New Arrivals section now reads:

"Where Jaipur Meets Your Wardrobe" as the main heading, with a elegant italic subline underneath — "Fresh styles, rooted in royal tradition" — framed by gold decorative dividers.

It fits perfectly with the Jaipuri identity of Iranta and feels both premium and location-specific. Let me know if you'd like to tweak any other section — colors, text, layout, or anything else!

Both lines use the fonts set in the website design:

"Where Jaipur Meets Your Wardrobe" — written in Cormorant Garamond, weight 300 (Light). It's a refined, elegant serif font that gives it that royal, editorial feel. The words Jaipur and Wardrobe are in italic style and maroon color to add emphasis.

"Fresh styles, rooted in royal tradition" — also in Cormorant Garamond, weight 300, italic style, with the words royal tradition in Jost (semi-bold) to create a contrast between the delicate italic and a grounded, strong word.

Both fonts are Google Fonts — completely free to use. In your WoodMart/WordPress setup you can add them like this:

Go to WoodMart → Theme Options → Typography and set:

• Headings font → Cormorant Garamond, weight 300
• Body font → Jost, weight 400

Or if you want to add them manually in your child theme's functions.php:

function iranta_google_fonts() {
    wp_enqueue_style( 'iranta-fonts',
        'https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Jost:wght@300;400;500;600&display=swap',
        array(), null
    );
}
add_action( 'wp_enqueue_scripts', 'iranta_google_fonts' );

Would you like to change either font to something different?

Both lines are now fully in maroon! Here's exactly what changed:

Both lines — "Where Jaipur Meets Your Wardrobe" and "Fresh styles, rooted in royal tradition" — are now fully in maroon #7B1F2E. The italic emphasis words no longer switch to a different shade, everything is one consistent royal maroon.

In your WoodMart CSS you can apply this with:

color: #7B1F2E;

Want me to update the full website preview with this change applied?

Here are the exact sizes for both lines:

"Where Jaipur Meets Your Wardrobe"

• Font: Cormorant Garamond
• Size: 44px
• Weight: 300 (Light)
• Style: Normal + Italic on Jaipur & Wardrobe

"Fresh styles, rooted in royal tradition"

• Font: Cormorant Garamond
• Size: 20px
• Weight: 300 (Light)
• Style: Full Italic

In WoodMart or your custom CSS you can set these like this:

/* Main heading */
.arrivals-main-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 44px;
  font-weight: 300;
  color: #7B1F2E;
}

/* Subline */
.arrivals-sub-line {
  font-family: 'Cormorant Garamond', serif;
  font-size: 20px;
  font-weight: 300;
  font-style: italic;
  color: #7B1F2E;
}

Would you like to change the size of either line — bigger, smaller, or something different?

Here's the exact CSS for the "NEW ARRIVALS" label above the heading:

Here's the full breakdown for the "NEW ARRIVALS" label:

The gold lines on either side are created using CSS ::before and ::after — no extra HTML needed. Would you like to change the color of this label to maroon as well, or keep it gold?

The side lines on both sides of "NEW ARRIVALS" are made purely with CSS — no images, no extra HTML. Here's exactly how it works:

In short — it's pure CSS magic using 3 tricks together:

1. display: flex — lines up the text and lines in a row
2. ::before & ::after — inserts invisible elements on left and right of the text
3. width + height: 1px + background — turns those invisible elements into visible gold lines

No extra HTML needed. Just one div in your code and CSS does the rest. Would you like to know about any other part of the website design?

I can see the issue! The "NEW ARRIVALS" label has no side lines, and the heading is too big/not centered properly. Since you're doing it manually in WoodMart (not coding), here's exactly what to fix:

For "NEW ARRIVALS" label:

• You're using a text element — WoodMart doesn't add side lines automatically without CSS
• To add lines manually, use a Separator/Divider element on each side and place them in a 3-column row like this:

[Line Column] | [NEW ARRIVALS Text Column] | [Line Column]

Set each line column to a thin horizontal separator in gold color #B8952A

For "Where Jaipur Meets Your Wardrobe" — it looks too large:

In WoodMart page builder, click the heading and change:

• Font size → 44px (looks like it's set to 60-70px right now)
• Alignment → Center
• Font → Cormorant Garamond
• Color → #7B1F2E

For "Fresh styles, rooted in royal tradition":

• Font size → 20px
• Style → Italic
• Color → #7B1F2E
• Alignment → Center

The biggest issue is the heading size — reduce it from whatever it currently is down to 44px and it will look much cleaner and balanced like the design.

Which page builder are you using inside WoodMart — Elementor or WPBakery?

Haan main dekh sakta hun! Problem yeh hai ki heading bahut badi hai aur center mein properly nahi hai. Abhi jo dikh raha hai usse compare karo:

Abhi ki problem:

• "Where Jaipur Meets Your Wardrobe" — bahut bada (lag raha hai 60-70px ke around)
• Text left side mein thoda shift lag raha hai
• Spacing upar neeche zyada hai

Yeh changes karo:

Heading ke liye:

• Font Size → 44px kam karo
• Text Align → Center karo
• Line Height → 1.1

"Fresh styles, rooted in royal tradition" ke liye:

• Font Size → 20px
• Text Align → Center
• Margin Top → 14px

"NEW ARRIVALS" label ke liye:

• Font Size → 10px
• Letter Spacing → 3px
• Text Align → Center
• Margin Bottom → 12px

Ek aur important cheez — section ka padding kam karo:

• Padding Top → 80px
• Padding Bottom → 0px

Yeh karo aur screenshot bhejo, main check kar lunga! Aur batao — Elementor use kar rahe ho ya WPBakery?

Koi baat nahi! Screenshot bhejo abhi ka — main dekhunga exactly kya issue hai aur step by step fix karunga.

Aur ek kaam karo — mujhe batao:

1. Konsa page builder use kar rahe ho? — Elementor ya WPBakery?
2. Heading element konsa hai? — H1, H2, ya H3?

Isse main bilkul exact settings bataunga jo WoodMart mein kaam karegi. Screenshot ke saath bahut aasaan ho jayega fix karna! 📸

Perfect! Elementor hai toh bahut aasaan hai fix karna. Yeh exact steps follow karo:

STEP 1 — "NEW ARRIVALS" Label

• Elementor mein us text par click karo
• Left panel mein → Style tab kholo
• Typography → Size → 10px
• Letter Spacing → 3px
• Text Transform → UPPERCASE
• Text Align → Center
• Color → #B8952A (Gold)

STEP 2 — "Where Jaipur Meets Your Wardrobe" Heading

• Heading element par click karo
• Style tab → Typography
• Font Family → Cormorant Garamond
• Size → 44px
• Weight → 300
• Text Align → Center
• Color → #7B1F2E
• Advanced tab → Margin → Top 12px Bottom 0px

STEP 3 — "Fresh styles, rooted in royal tradition"

• Text element par click karo
• Style tab → Typography
• Font Family → Cormorant Garamond
• Size → 20px
• Weight → 300
• Style → Italic
• Text Align → Center
• Color → #7B1F2E
• Advanced tab → Margin → Top 14px

STEP 4 — Section ki spacing fix karo

• Puri section par click karo (blue border wali)
• Advanced tab → Padding
• Top → 80px
• Bottom → 0px
• Left → 40px
• Right → 40px

Yeh sab karne ke baad screenshot bhejo — main check karke bata dunga bilkul sahi hai ya nahi! 😊

Yeh lo — sabka ready-made CSS code jo aap Elementor mein directly paste kar sakte ho!

WordPress Dashboard → Appearance → Customize → Additional CSS mein yeh paste karo:

/* ── NEW ARRIVALS Label ── */
.new-arrivals-label {
  font-family: 'Jost', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  color: #B8952A !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  margin-bottom: 12px !important;
}

/* ── NEW ARRIVALS Side Lines ── */
.new-arrivals-label::before,
.new-arrivals-label::after {
  content: '' !important;
  width: 40px !important;
  height: 1px !important;
  background: #B8952A !important;
  opacity: 0.5 !important;
}

/* ── Main Heading ── */
.new-arrivals-heading {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 44px !important;
  font-weight: 300 !important;
  color: #7B1F2E !important;
  text-align: center !important;
  line-height: 1.1 !important;
  margin-top: 12px !important;
  margin-bottom: 0px !important;
}

/* ── Subline ── */
.new-arrivals-subline {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  font-style: italic !important;
  color: #7B1F2E !important;
  text-align: center !important;
  margin-top: 14px !important;
  margin-bottom: 0px !important;
}

/* ── Section Spacing ── */
.new-arrivals-section {
  padding-top: 80px !important;
  padding-bottom: 0px !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}

Ab Elementor mein yeh karo:

NEW ARRIVALS label element par click karo → Advanced tab → CSS Classes mein likho:

new-arrivals-label

Heading element par click karo → Advanced tab → CSS Classes mein likho:

new-arrivals-heading

Subline text element par click karo → Advanced tab → CSS Classes mein likho:

new-arrivals-subline

Puri Section par click karo → Advanced tab → CSS Classes mein likho:

new-arrivals-section

Bas itna karo aur screenshot bhejo — main check kar lunga! 😊

Elementor mein "VIEW ALL PRODUCTS →" button ke liye yeh options hain:

Option 1 — Button Widget ✅ Sabse Aasaan

• Elementor left panel mein search karo → "Button"
• Drag and drop karo
• Content tab → Text mein likho → VIEW ALL PRODUCTS →
• Link mein apna Shop page URL dalo → iranta.com/shop

Option 2 — WooCommerce Widget

• Search karo → "WooCommerce Pages" ya "Menu Cart"
• Isme directly shop link milti hai

Button ki Styling ke liye yeh CSS use karo:

.view-all-btn a,
.view-all-btn .elementor-button {
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 2.5px !important;
  color: #1A1410 !important;
  background: transparent !important;
  border: 1px solid #1A1410 !important;
  padding: 16px 40px !important;
  border-radius: 0px !important;
  text-transform: uppercase !important;
}

.view-all-btn .elementor-button:hover {
  background: #7B1F2E !important;
  color: #ffffff !important;
  border-color: #7B1F2E !important;
}

Aur Button element par click karo → Advanced tab → CSS Classes mein likho:

view-all-btn

Sabse fast tarika → Button widget use karo, CSS Classes mein view-all-btn dalo aur upar wala CSS paste karo Additional CSS mein! 😊

Koi aur cheez chahiye?

Wah! Yeh banner bahut acha hai! 🔥 Aapke "VIEW ALL PRODUCTS" button ke baad iss tarah ka ek full-width banner add karna bilkul sahi rahega. Kuch premium suggestions:

Teeno options mein se choose karo:

Option 1 — Dark Maroon background, sabse premium look, aapke brand ke saath perfect match Option 2 — Split panel, ek side dark ek side cream, very modern Option 3 — Warm cream background, agar aapke paas apni model ki photo hai toh yeh best rahega — photo right side mein lagao

Meri recommendation → Aapke paas already model photos hain (jaise screenshot mein dikha), toh Option 3 use karo aur right side mein apni actual photo lagao — bilkul waise hi dikhega jaise aapka example tha! 🔥

Koi bhi "USE THIS BANNER" button dabao — main Elementor ke steps aur CSS deta hun!

Yeh lo Option 1 — Dark Maroon Festive Banner ka pura CSS aur Elementor steps!

ELEMENTOR STEPS

Step 1 — Naya Section Add Karo

• Elementor mein "+ Add Section" click karo
• 1 Column select karo
• Section par click karo → Advanced tab → CSS Classes mein likho:

festive-banner-section

Step 2 — Background Image Add Karo

• Section par click karo → Style tab
• Background Type → Classic
• Image → Apni model ki photo upload karo
• Position → Center Center
• Size → Cover
• Repeat → No Repeat

Step 3 — Dark Overlay Add Karo

• Style tab mein neeche Background Overlay click karo
• Color → #1A0810
• Opacity → 0.75

Step 4 — Andar Content Add Karo

• Section ke andar Inner Section add karo
• Uske andar yeh widgets add karo ek ek karke:

1. Text Editor  → "LIMITED EDITION"     (CSS Class: festive-tag)
2. Heading      → "Festive Ready Looks" (CSS Class: festive-title)
3. Text Editor  → description text      (CSS Class: festive-desc)
4. Button       → "SHOP NOW →"          (CSS Class: festive-btn)

Step 5 — Section ki Height Set Karo

• Section → Style tab → Padding
• Top → 80px
• Bottom → 80px
• Left → 60px
• Right → 60px

CSS CODE

WordPress Dashboard → Appearance → Customize → Additional CSS mein paste karo:

/* ── FESTIVE BANNER SECTION ── */
.festive-banner-section {
  position: relative !important;
  overflow: hidden !important;
  min-height: 380px !important;
  background: linear-gradient(
    100deg,
    #1A0810 0%,
    #4A1020 40%,
    #7B1F2E 70%,
    #A84060 100%
  ) !important;
}

/* ── Dot Pattern Overlay ── */
.festive-banner-section::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Ccircle cx='30' cy='30' r='25' fill='none' stroke='%23fff' stroke-width='0.4' opacity='0.08'/%3E%3C/svg%3E") !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* ── Inner Content Z-index ── */
.festive-banner-section .elementor-container {
  position: relative !important;
  z-index: 1 !important;
}

/* ── LIMITED EDITION Tag ── */
.festive-tag p,
.festive-tag {
  font-family: 'Jost', sans-serif !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: #D4AF5A !important;
  margin-bottom: 14px !important;
}

/* ── Main Heading ── */
.festive-title .elementor-heading-title,
.festive-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 52px !important;
  font-weight: 300 !important;
  color: #ffffff !important;
  line-height: 1.05 !important;
  margin-bottom: 16px !important;
}

/* ── Description ── */
.festive-desc p,
.festive-desc {
  font-family: 'Jost', sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: rgba(255, 255, 255, 0.65) !important;
  line-height: 1.9 !important;
  max-width: 420px !important;
  margin-bottom: 28px !important;
}

/* ── SHOP NOW Button ── */
.festive-btn .elementor-button,
.festive-btn a {
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  background: #ffffff !important;
  color: #7B1F2E !important;
  padding: 14px 32px !important;
  border-radius: 0px !important;
  border: none !important;
  transition: all 0.3s !important;
}

/* ── Button Hover ── */
.festive-btn .elementor-button:hover,
.festive-btn a:hover {
  background: #D4AF5A !important;
  color: #1A1410 !important;
}

IMPORTANT TIP 💡

Agar aapke paas apni model ki real photo hai toh:

• Section background mein gradient ki jagah photo lagao
• Overlay opacity → 0.6 rakho taaki photo thodi dikhe
• Bilkul waise dikhega jaise aapka example screenshot tha!

Screenshot bhejo karne ke baad — main check kar lunga! 😊