{"version":3,"file":"BlogFocus-BZrHky77.js","sources":["../../../resources/js/pages/site/home/components/focus-ebru.jpg","../../../resources/js/pages/site/home/components/focus-husni-hat.jpg","../../../resources/js/pages/site/home/components/focus-islamic.jpg","../../../resources/js/pages/site/home/components/focus-miniature.jpg","../../../resources/js/pages/site/home/components/focus-tazhib.jpg","../../../resources/js/pages/site/home/components/BlogFocus.jsx"],"sourcesContent":["export default \"__VITE_ASSET__CZZeYSDi__\"","export default \"__VITE_ASSET__BYyVdiBi__\"","export default \"__VITE_ASSET__pMEJfRh8__\"","export default \"__VITE_ASSET__hFg_rsu3__\"","export default \"__VITE_ASSET__Ydnx_w8L__\"","import {\n  Box,\n  Button,\n  Container,\n  Grid,\n  GridCol,\n  Group,\n  Image,\n  Paper,\n  rem,\n  Stack,\n  Text,\n  Title,\n  useMantineTheme,\n} from '@mantine/core';\nimport { useMediaQuery } from '@mantine/hooks';\n\nimport Ebru from './focus-ebru.jpg';\nimport HusniHat from './focus-husni-hat.jpg';\nimport Islamic from './focus-islamic.jpg';\nimport Miniature from './focus-miniature.jpg';\nimport Tezhib from './focus-tazhib.jpg';\n\nexport default function BlogFocus(props) {\n  const theme = useMantineTheme();\n  const isMobile = useMediaQuery(`(max-width: ${theme.breakpoints.md})`);\n\n  return (\n    <Box id={'islamic-art-focus'}>\n      <Container py={{ base: 50, md: 100 }} {...props}>\n        <Stack align=\"center\" m={'0 auto'}>\n          <Title lh={1.2} fw={500} fz={rem(48)} lts={rem(-3)} c={'gfdark.9'} maw={{ base: 350, sm: '100%' }} ta={'center'}>\n            Islamic Art Focus\n          </Title>\n          <Text c={'gfdark.6'} fz={18} fw={'lighter'} ta={'center'} maw={600}>\n            At Goldframer, we carefully select categories of Islamic art to showcase the breadth and depth of this timeless\n            artistic tradition.\n          </Text>\n\n          <Grid justify=\"space-between\" align=\"stretch\" mt={{ base: 'xl', md: 90 }} gutter={'xl'}>\n            <GridCol span={{ base: 12, md: 8 }}>\n              <Paper shadow={0} radius={0} withBorder p={0}>\n                <Image w={'100%'} mah={260} src={HusniHat} hiddenFrom=\"md\"></Image>\n                <Group gap={0} wrap={'nowrap'}>\n                  <Box p={'xl'}>\n                    <a rel=\"follow\" href=\"https://blog.goldframer.com/what-is-husn-u-hat-or-islamic-calligraphy/\">\n                      <Text fz={rem(32)} c={'gfdark.9'}>\n                        Hüsn-i Hat - Islamic Caligraphy\n                      </Text>\n                    </a>\n                    <Text fz={rem(14)} c={'gfdark.4'} mt={'md'} className=\"tw-balance\">\n                      Islamic calligraphy, known as \"Hüsn-i Hat\", is the art of beautiful and decorative writing. In Islamic art,\n                      calligraphy holds significant importance as it is often used to convey religious texts, verses from the\n                      Quran, or other meaningful phrases.\n                    </Text>\n                    <a rel=\"follow\" href=\"https://blog.goldframer.com/what-is-husn-u-hat-or-islamic-calligraphy/\">\n                      <Button size=\"md\" mt={'md'}>\n                        MORE\n                      </Button>\n                    </a>\n                  </Box>\n                  <a rel=\"follow\" href=\"https://blog.goldframer.com/what-is-husn-u-hat-or-islamic-calligraphy/\">\n                    <Image w={230} h={360} src={HusniHat} visibleFrom=\"md\"></Image>\n                  </a>\n                </Group>\n              </Paper>\n            </GridCol>\n            <GridCol span={{ base: 12, md: 4 }}>\n              <Paper shadow={0} radius={0} withBorder p={0} h={'100%'}>\n                <Image w={'100%'} mah={260} src={Miniature} hiddenFrom=\"md\"></Image>\n                <Stack\n                  bg={{ base: 'white', md: 'gfdark.9' }}\n                  p={'xl'}\n                  align={'flex-start'}\n                  justify={'center'}\n                  h={{ base: 'auto', md: '100%' }}\n                >\n                  <a\n                    rel=\"follow\"\n                    href=\"https://blog.goldframer.com/tiny-masterpieces-the-evolution-and-influence-of-islamic-miniature-painting/\"\n                  >\n                    <Text fz={rem(32)} c={{ base: 'gfdark.9', md: 'white' }}>\n                      Miniature\n                    </Text>\n                  </a>\n                  <Text fz={rem(14)} c={'gfdark.4'} className=\"tw-balance\">\n                    Miniature art features detailed illustrations in manuscripts with precision and vibrant colors. Despite their\n                    small size, miniature paintings are known for their intricate detail and exquisite craftsmanship.\n                  </Text>\n                  <a\n                    rel=\"follow\"\n                    href=\"https://blog.goldframer.com/tiny-masterpieces-the-evolution-and-influence-of-islamic-miniature-painting/\"\n                  >\n                    <Button size=\"md\" c={isMobile ? 'gfdark.9' : 'white'}>\n                      MORE\n                    </Button>\n                  </a>\n                </Stack>\n              </Paper>\n            </GridCol>\n            <GridCol span={{ base: 12, md: 8 }}>\n              <Paper shadow={0} radius={0} withBorder p={0}>\n                <Image w={'100%'} mah={260} src={Tezhib} hiddenFrom=\"md\"></Image>\n                <Group gap={0} wrap={'nowrap'}>\n                  <Box p={'xl'}>\n                    <a rel=\"follow\" href=\"https://blog.goldframer.com/what-is-tazheb/\">\n                      <Text fz={rem(32)} c={'gfdark.9'}>\n                        Tazhib\n                      </Text>\n                    </a>\n                    <Text fz={rem(14)} c={'gfdark.4'} mt={'md'} className=\"tw-balance\">\n                      Tazhib, delicate art of illuminating manuscripts with gold, adding intricate designs, and enhancing the\n                      aesthetic appeal of the text. Illumination, or ornamentation, involves adding intricate designs, borders,\n                      and embellishments to the text, enhancing its aesthetic appeal and making it more visually striking.\n                    </Text>\n                    <a rel=\"follow\" href=\"https://blog.goldframer.com/what-is-tazheb/\">\n                      <Button size=\"md\" mt={'md'}>\n                        MORE\n                      </Button>\n                    </a>\n                  </Box>\n                  <a rel=\"follow\" href=\"https://blog.goldframer.com/what-is-tazheb/\">\n                    <Image w={230} h={360} src={Tezhib} visibleFrom=\"md\"></Image>\n                  </a>\n                </Group>\n              </Paper>\n            </GridCol>\n            <GridCol span={{ base: 12, md: 4 }}>\n              <Paper shadow={0} radius={0} withBorder p={0} h={'100%'}>\n                <Image w={'100%'} mah={260} src={Ebru} hiddenFrom=\"md\"></Image>\n                <Stack\n                  bg={{ base: 'white', md: 'gfdark.9' }}\n                  p={'xl'}\n                  align={'flex-start'}\n                  justify={'center'}\n                  h={{ base: 'auto', md: '100%' }}\n                >\n                  <a rel=\"follow\" href=\"https://blog.goldframer.com/what-is-ebru-art-of-marbling/\">\n                    <Text fz={rem(32)} c={{ base: 'gfdark.9', md: 'white' }}>\n                      Ebru\n                    </Text>\n                  </a>\n                  <Text fz={rem(14)} c={'gfdark.4'} className=\"tw-balance\">\n                    Ebru is the art of paper marbling, which involves creating colorful patterns on water and then transferring\n                    them to paper or fabric. Ebru is valued for its mesmerizing patterns and the element of chance involved in\n                    creating each piece.\n                  </Text>\n                  <a rel=\"follow\" href=\"https://blog.goldframer.com/what-is-ebru-art-of-marbling/\">\n                    <Button size=\"md\" c={isMobile ? 'gfdark.9' : 'white'}>\n                      MORE\n                    </Button>\n                  </a>\n                </Stack>\n              </Paper>\n            </GridCol>\n            <GridCol span={12}>\n              <Paper shadow={0} radius={0} withBorder p={0}>\n                <Image w={'100%'} mah={260} src={Islamic} hiddenFrom=\"md\"></Image>\n                <Group gap={0} wrap={'nowrap'}>\n                  <Box p={'xl'}>\n                    <a\n                      rel=\"follow\"\n                      href=\"https://blog.goldframer.com/islamic-world-paintings-a-celebration-of-islamic-art-and-culture/\"\n                    >\n                      <Text fz={rem(32)} c={'gfdark.9'}>\n                        Islamic World Paintings\n                      </Text>\n                    </a>\n                    <Text fz={rem(14)} c={'gfdark.4'} mt={'md'} className=\"tw-balance\">\n                      Islamic World Paintings are artistic works that reflect the rich cultural and artistic heritage of the\n                      Muslim culture. They merge traditional and modern elements, showcasing the aesthetic and spiritual values of\n                      Islam while incorporating artistic techniques and styles from various regions.\n                    </Text>\n                    <a\n                      rel=\"follow\"\n                      href=\"https://blog.goldframer.com/islamic-world-paintings-a-celebration-of-islamic-art-and-culture/\"\n                    >\n                      <Button size=\"md\" mt={'md'}>\n                        MORE\n                      </Button>\n                    </a>\n                  </Box>\n                  <Image miw={345} h={360} src={Islamic} visibleFrom=\"md\"></Image>\n                </Group>\n              </Paper>\n            </GridCol>\n          </Grid>\n        </Stack>\n      </Container>\n    </Box>\n  );\n}\n"],"names":["Ebru","HusniHat","Islamic","Miniature","Tezhib","BlogFocus","props","theme","useMantineTheme","isMobile","useMediaQuery","jsx","Box","Container","jsxs","Stack","Title","rem","Text","Grid","GridCol","Paper","Image","Group","Button"],"mappings":"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"}