import type { Metadata } from "next"

export const metadata: Metadata = {
    title: "Story of the Saree | Discover Tamil Heritage",
    description: "Learn the story, history, and cultural importance of the saree in Tamil heritage.",
};

import Countdown from '@/components/elements/Countdown'
import Layout from "@/components/layout/Layout"
import Link from "next/link"
import Section1 from '@/components/tamilculture/story-of-saree/Section1'
import Section2 from '@/components/tamilculture/story-of-saree/Section2'

export default function StoryOfSaree() {

    return (
        <>
            <Layout headerStyle={1} footerStyle={1}>
                <div>
                    <div className="inner-page-header" style={{ backgroundImage: 'url(/assets/img/tamil-wedding-custom/saree-banner.webp)' }}>
                        <div className="container">
                            <div className="row">
                                <div className="col-lg-12 m-auto">
                                    <div className="heading1">
                                        <h1>The Story Of The Saree</h1>
                                        <div className="space20" />
                                        <Link href="/">Home <i className="fa-solid fa-angle-right" /> <span>Tamil Culture</span></Link>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <Section1 />
                    <Section2 />
                </div>
            </Layout>
        </>
    )
}