<!doctype html>
<html lang="en">
<head>
    <script src="https://www.googleoptimize.com/optimize.js?id=OPT-KXLFWG2"></script>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<title> Sell Your Photos Online | Photography Websites | Visual Society</title>

	<meta name="csrf-token" content="TQj97RAlZJZXKWO08BKZZEnyhPQRV0tz3vU7Voat">
	<meta name="description" content=" Visual Society is one of the best photo websites to sell your photos online. Visit visualsociety.com and create your photography selling website. 14-day free trial!">
	<meta name="keywords" content=""/>
    <meta name="robots" content=""/>
    <meta name="author" content="Visual Society">
	<meta property="og:title" content="Sell Your Photos Online | Photography Websites | Visual Society">
	<meta property="og:site_name" content="Visual Society">
	<meta property="og:description" content="Visual Society is one of the best photo websites to sell your photos online. Visit visualsociety.com and create your photography selling website. 14-day free trial!">
	<meta property="og:type" content="website">
	<meta property="og:url" content="https://visualsociety.com">
	<meta property="og:image" content="">

	<link rel="shortcut icon" type="image/png" href="https://d1qyb48w8id9ub.cloudfront.net/844d6d8c-62e3-42b2-b9d6-1697173acb7b/img/favicon.png"/>

    <link rel="canonical" href="https://visualsociety.com/"/>

        <link rel="stylesheet" href="https://rsms.me/inter/inter.css">
	<link href="https://d1qyb48w8id9ub.cloudfront.net/844d6d8c-62e3-42b2-b9d6-1697173acb7b/frontend/css/app.css?id=ca06b8fbc169c03a4a20" rel="stylesheet">
	
	<script>
	    var app = {"csrf":"TQj97RAlZJZXKWO08BKZZEnyhPQRV0tz3vU7Voat","stripe":"pk_live_imVK5qU0nalQlEIETPnyZird","vendor":"8b087024-75e0-4804-83ac-01f60d507f92","cdn":"https:\/\/d3pl63ocdvmdf9.cloudfront.net\/","bucket":"visualsociety-uploads","assets":"https:\/\/d1qyb48w8id9ub.cloudfront.net\/844d6d8c-62e3-42b2-b9d6-1697173acb7b","user":null,"seller":1,"home":"https:\/\/visualsociety.com"};
</script>
	<!-- GA empty object to enable site tracking -->
	<script>
	window['GoogleAnalyticsObject'] = 'ga';
	window['ga'] = window['ga'] || function() {
	(window['ga'].q = window['ga'].q || []).push(arguments)
	};
	</script>

	<!-- Google Tag Manager -->
	<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
	'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
	})(window,document,'script','dataLayer','GTM-5S2HMJG');</script>
	<!-- End Google Tag Manager -->

	<!-- Google Tag Manager (noscript) -->
	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5S2HMJG"
	height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
	<!-- End Google Tag Manager (noscript) -->

	
    

	<!-- Google Tag Manager scripts will be shown here on production -->

	
</head>

<body class="homepage">
    
	<div id="app" v-cloak>
        <div class="relative">
    <div class="relative bg-white shadow z-10">
        <div class="max-w-7xl mx-auto px-4 sm:px-6">
            <div class="flex justify-between items-center py-6 md:justify-start md:space-x-10">
                <div class="w-0 flex-1 flex">
                    <a href="https://visualsociety.com" class="inline-flex">
                        <img class="h-8 w-auto sm:h-10" src="https://d1qyb48w8id9ub.cloudfront.net/844d6d8c-62e3-42b2-b9d6-1697173acb7b/img/logo-v.svg" alt="Visual Society">
                    </a>
                </div>
                <div class="-mr-2 -my-2 md:hidden">
                    <button @click="showMobileNav = !showMobileNav" type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out">
                        <!-- Heroicon name: menu -->
                        <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
                        </svg>
                    </button>
                </div>
                <nav class="hidden md:flex space-x-10">
                    <div class="relative">
                        <!-- Item active: "text-gray-900", Item inactive: "text-gray-500" -->
                        <button @click="setActiveDropdown('features')" :class="activeDropdown === 'features' ? 'text-gray-900' : 'text-gray-500'" type="button" class="group inline-flex items-center space-x-2 text-base leading-6 font-medium hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
                            <span>Features</span>
                            <!--
                              Heroicon name: chevron-down

                              Item active: "text-gray-600", Item inactive: "text-gray-400"
                            -->
                            <svg :class="activeDropdown === 'features' ? 'text-gray-600' : 'text-gray-400'" class="h-5 w-5 group-hover:text-gray-500 group-focus:text-gray-500 transition ease-in-out duration-150" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                                <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
                            </svg>
                        </button>
                    </div>
                    <div class="relative">
                        <!-- Item active: "text-gray-900", Item inactive: "text-gray-500" -->
                        <button @click="setActiveDropdown('community')" :class="activeDropdown === 'community' ? 'text-gray-900' : 'text-gray-500'" type="button" class="text-gray-500 group inline-flex items-center space-x-2 text-base leading-6 font-medium hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
                            <span>Community</span>
                            <!--
                              Heroicon name: chevron-down

                              Item active: "text-gray-600", Item inactive: "text-gray-400"
                            -->
                            <svg :class="activeDropdown === 'community' ? 'text-gray-600' : 'text-gray-400'" class="h-5 w-5 group-hover:text-gray-500 group-focus:text-gray-500 transition ease-in-out duration-150" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                                <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
                            </svg>
                        </button>
                        <transition
    enter-active-class="transition ease-out duration-200"
    leave-active-class="transition ease-in duration-150"
    enter-class="opacity-0 translate-y-1"
    enter-to-class="opacity-100 translate-y-0"
    leave-class="opacity-100 translate-y-0"
    leave-to-class="opacity-0 translate-y-1"
>
    <!--
    Flyout menu, show/hide based on flyout menu state.

    Entering: "transition ease-out duration-200"
      From: "opacity-0 translate-y-1"
      To: "opacity-100 translate-y-0"
    Leaving: "transition ease-in duration-150"
      From: "opacity-100 translate-y-0"
      To: "opacity-0 translate-y-1"
  -->
<div v-show="activeDropdown === 'community'" class="absolute left-1/2 transform -translate-x-1/2 mt-3 px-2 w-screen max-w-md sm:px-0 z-10" style="display: none;">
    <div class="rounded-lg shadow-lg">
        <div class="rounded-lg shadow-xs overflow-hidden">
            <div class="z-20 relative grid gap-6 bg-white px-5 py-6 sm:gap-8 sm:p-8">
                <a href="https://visualsociety.com/directory" class="-m-3 p-3 flex items-start space-x-4 rounded-lg hover:bg-gray-50 transition ease-in-out duration-150">
                    <img src="https://d1qyb48w8id9ub.cloudfront.net/844d6d8c-62e3-42b2-b9d6-1697173acb7b/img/photographers.jpg" alt="photographer directory" class="flex-shrink-0 h-16 w-16">
                    <div class="space-y-1">
                        <p class="text-base leading-6 font-medium text-gray-900">
                            Directory
                        </p>
                        <p class="text-sm leading-5 text-gray-500">
                            Find and hire the best photographers by location or specialty.
                        </p>
                    </div>
                </a>
                <a href="https://visualsociety.com/shop" class="-m-3 p-3 flex items-start space-x-4 rounded-lg hover:bg-gray-50 transition ease-in-out duration-150">
                    <img src="https://d1qyb48w8id9ub.cloudfront.net/844d6d8c-62e3-42b2-b9d6-1697173acb7b/img/products/canvas-wraps.jpg" alt="photography marketplace" class="flex-shrink-0 h-16 w-16">
                    <div class="space-y-1">
                        <p class="text-base leading-6 font-medium text-gray-900">
                            Marketplace
                        </p>
                        <p class="text-sm leading-5 text-gray-500">
                            Shop for artwork from the world's leading photographers.
                        </p>
                    </div>
                </a>
                <a href="https://visualsociety.com/contests" class="-m-3 p-3 flex items-start space-x-4 rounded-lg hover:bg-gray-50 transition ease-in-out duration-150">
                    <img src="https://d1qyb48w8id9ub.cloudfront.net/844d6d8c-62e3-42b2-b9d6-1697173acb7b/img/contests.jpg" alt="photography contests" class="flex-shrink-0 h-16 w-16">
                    <div class="space-y-1">
                        <p class="text-base leading-6 font-medium text-gray-900">
                            Contests
                        </p>
                        <p class="text-sm leading-5 text-gray-500">
                            Vote on your favorite images in our photography contests.
                        </p>
                    </div>
                </a>
                <a href="https://visualsociety.com/blog" class="-m-3 p-3 flex items-start space-x-4 rounded-lg hover:bg-gray-50 transition ease-in-out duration-150">
                    <img src="https://d1qyb48w8id9ub.cloudfront.net/844d6d8c-62e3-42b2-b9d6-1697173acb7b/img/blog.jpg" alt="photography blog" class="flex-shrink-0 h-16 w-16">
                    <div class="space-y-1">
                        <p class="text-base leading-6 font-medium text-gray-900">
                            Blog
                        </p>
                        <p class="text-sm leading-5 text-gray-500">
                            Keep up with our news and product announcements.
                        </p>
                    </div>
                </a>
            </div>
            <div class="px-5 py-5 bg-gray-50 space-y-5 sm:px-8 sm:py-8">
                <div class="space-y-4">
                    <h3 class="text-sm leading-5 tracking-wide font-medium text-gray-500 uppercase">
                        More
                    </h3>
                    <ul class="space-y-4">
                        <li class="text-base leading-6 truncate">
                            <a href="https://visualsociety.com/affiliates" class="font-medium text-gray-900 hover:text-gray-700 transition ease-in-out duration-150">
                                Become an Affiliate
                            </a>
                        </li>
                        <li class="text-base leading-6 truncate">
                            <a href="https://visualsociety.com/jobs" class="font-medium text-gray-900 hover:text-gray-700 transition ease-in-out duration-150">
                                We're hiring
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
</transition>
                    </div>
                    <a href="https://visualsociety.com/plans" class="text-gray-500 inline-flex items-center space-x-2 text-base leading-6 font-medium hover:text-gray-900 transition ease-in-out duration-150">
                        Pricing
                    </a>
                </nav>
                <div class="hidden md:flex items-center justify-end space-x-8 md:flex-1 lg:w-0">
                    <a href="https://visualsociety.com/dashboard" class="whitespace-no-wrap text-base leading-6 font-medium text-gray-500 hover:text-gray-900 transition ease-in-out duration-150">
                        Sign in
                    </a>
                    <span class="inline-flex rounded-md shadow-sm">
                        <a href="https://visualsociety.com/start" class="btn btn-indigo btn-lg">
                            Start Free Trial
                        </a>
                    </span>
                </div>
            </div>
        </div>
        <transition
    enter-active-class="transition ease-out duration-200"
    leave-active-class="transition ease-in duration-150"
    enter-class="opacity-0 translate-y-1"
    enter-to-class="opacity-100 translate-y-0"
    leave-class="opacity-100 translate-y-0"
    leave-to-class="opacity-0 translate-y-1"
>
    <div v-show="showMobileNav" class="absolute top-0 inset-x-0 z-10 p-2 transition transform origin-top-right md:hidden" style="display: none;">
        <div class="rounded-lg shadow-lg">
            <div class="rounded-lg shadow-xs bg-white divide-y-2 divide-gray-50">
                <div class="pt-5 pb-6 px-5 space-y-6">
                    <div class="flex items-center justify-between">
                        <div>
                            <img class="h-8 w-auto sm:h-10" src="https://d1qyb48w8id9ub.cloudfront.net/844d6d8c-62e3-42b2-b9d6-1697173acb7b/img/logo-v.svg" alt="Visual Society">
                        </div>
                        <div class="-mr-2">
                            <button @click="showMobileNav = !showMobileNav" type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out">
                                <!-- Heroicon name: x -->
                                <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
                                </svg>
                            </button>
                        </div>
                    </div>
                    <div>
                        <div class="grid grid-cols-2 gap-2">
                            <nav>
                                <h3 class="m-3 text-sm leading-5 font-medium tracking-wide text-gray-500 uppercase">
                                    E-Commerce
                                </h3>
                                <a href="https://visualsociety.com/sell" class="p-3 flex items-center space-x-3 rounded-md hover:bg-gray-50 transition ease-in-out duration-150">
                                    <div class="text-base leading-6 font-medium text-gray-900">
                                        Online Stores
                                    </div>
                                </a>
                                <a href="https://visualsociety.com/products" class="p-3 flex items-center space-x-3 rounded-md hover:bg-gray-50 transition ease-in-out duration-150">
                                    <div class="text-base leading-6 font-medium text-gray-900">
                                        Products
                                    </div>
                                </a>
                                <a href="https://visualsociety.com/marketplace" class="p-3 flex items-center space-x-3 rounded-md hover:bg-gray-50 transition ease-in-out duration-150">
                                    <div class="text-base leading-6 font-medium text-gray-900">
                                        Marketplace
                                    </div>
                                </a>
                                <a href="https://visualsociety.com/automation" class="p-3 flex items-center space-x-3 rounded-md hover:bg-gray-50 transition ease-in-out duration-150">
                                    <div class="text-base leading-6 font-medium text-gray-900">
                                        Automation
                                    </div>
                                </a>
                            </nav>
                            <nav>
                                <h3 class="m-3 text-sm leading-5 font-medium tracking-wide text-gray-500 uppercase">
                                    Websites
                                </h3>
                                <a href="https://visualsociety.com/templates" class="p-3 flex items-center space-x-3 rounded-md hover:bg-gray-50 transition ease-in-out duration-150">
                                    <div class="text-base leading-6 font-medium text-gray-900">
                                        Templates
                                    </div>
                                </a>
                                <a href="https://visualsociety.com/galleries" class="p-3 flex items-center space-x-3 rounded-md hover:bg-gray-50 transition ease-in-out duration-150">
                                    <div class="text-base leading-6 font-medium text-gray-900">
                                        Galleries
                                    </div>
                                </a>
                                <a href="https://visualsociety.com/marketing" class="p-3 flex items-center space-x-3 rounded-md hover:bg-gray-50 transition ease-in-out duration-150">
                                    <div class="text-base leading-6 font-medium text-gray-900">
                                        Marketing
                                    </div>
                                </a>
                                <a href="https://visualsociety.com/integrations" class="p-3 flex items-center space-x-3 rounded-md hover:bg-gray-50 transition ease-in-out duration-150">
                                    <div class="text-base leading-6 font-medium text-gray-900">
                                        Integrations
                                    </div>
                                </a>
                            </nav>
                        </div>
                    </div>
                </div>
                <div class="py-6 px-5 space-y-6">
                    <div class="space-y-6">
                        <p class="text-center text-base leading-6 font-medium text-gray-500">
                            <a href="https://visualsociety.com/plans" class="text-indigo-600 hover:text-indigo-500 transition ease-in-out duration-150">
                                Pricing
                            </a>
                        </p>
                        <span class="w-full flex rounded-md shadow-sm">
                            <a href="https://visualsociety.com/start" class="w-full flex items-center justify-center px-4 py-2 border border-transparent text-base leading-6 font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 focus:shadow-outline-indigo active:bg-indigo-700 transition ease-in-out duration-150">
                                Start Free Trial
                            </a>
                        </span>
                        <p class="text-center text-base leading-6 font-medium text-gray-500">
                            Existing customer?
                            <a href="https://visualsociety.com/dashboard" class="text-indigo-600 hover:text-indigo-500 transition ease-in-out duration-150">
                                Sign in
                            </a>
                        </p>
                    </div>
                </div>
                <div class="py-6 px-5 space-y-6 bg-indigo-100">
                    <div class="space-y-6">
                        <h3 class="m-3 text-sm leading-5 font-medium tracking-wide text-indigo-500 uppercase text-center">
                            Community
                        </h3>
                        <nav class="grid grid-cols-3 gap-2">
                            <a href="https://visualsociety.com/directory" class="p-3 flex items-center space-x-3 rounded-md hover:bg-gray-50 transition ease-in-out duration-150">
                                <div class="text-base leading-6 font-medium text-gray-900">
                                    Directory
                                </div>
                            </a>
                            <a href="https://visualsociety.com/shop" class="p-3 flex items-center space-x-3 rounded-md hover:bg-gray-50 transition ease-in-out duration-150">
                                <div class="text-base leading-6 font-medium text-gray-900">
                                    Marketplace
                                </div>
                            </a>
                            <a href="https://visualsociety.com/contests" class="p-3 flex items-center space-x-3 rounded-md hover:bg-gray-50 transition ease-in-out duration-150">
                                <div class="text-base leading-6 font-medium text-gray-900">
                                    Contests
                                </div>
                            </a>
                            <a href="https://visualsociety.com/blog" class="p-3 flex items-center space-x-3 rounded-md hover:bg-gray-50 transition ease-in-out duration-150">
                                <div class="text-base leading-6 font-medium text-gray-900">
                                    Blog
                                </div>
                            </a>
                            <a href="https://visualsociety.com/affiliates" class="p-3 flex items-center space-x-3 rounded-md hover:bg-gray-50 transition ease-in-out duration-150">
                                <div class="text-base leading-6 font-medium text-gray-900">
                                    Affiliates
                                </div>
                            </a>
                            <a href="https://visualsociety.com/jobs" class="p-3 flex items-center space-x-3 rounded-md hover:bg-gray-50 transition ease-in-out duration-150">
                                <div class="text-base leading-6 font-medium text-gray-900">
                                    Jobs
                                </div>
                            </a>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
</transition>
    </div>
    <transition
    enter-active-class="transition ease-out duration-200"
    leave-active-class="transition ease-in duration-150"
    enter-class="opacity-0 translate-y-1"
    enter-to-class="opacity-100 translate-y-0"
    leave-class="opacity-100 translate-y-0"
    leave-to-class="opacity-0 translate-y-1"
>
<!--
  'More' flyout menu, show/hide based on flyout menu state.

  Entering: "transition ease-out duration-200"
    From: "opacity-0 -translate-y-1"
    To: "opacity-100 translate-y-0"
  Leaving: "transition ease-in duration-150"
    From: "opacity-100 translate-y-0"
    To: "opacity-0 -translate-y-1"
-->
<div v-show="activeDropdown === 'features'" class="hidden md:block absolute inset-x-0 transform shadow-lg z-10" style="display: none;">
    <div class="absolute inset-0 flex">
        <div class="bg-white w-1/2"></div>
        <div class="bg-gray-50 w-1/2"></div>
    </div>
    <div class="relative max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-2">
        <nav class="grid gap-y-10 px-4 py-8 bg-white sm:grid-cols-2 sm:gap-x-8 sm:py-12 sm:px-6 lg:px-8 xl:pr-12">
            <div class="space-y-5">
                <h3 class="text-sm leading-5 font-medium tracking-wide text-gray-500 uppercase">
                    E-Commerce
                </h3>
                <ul class="space-y-6">
                    <li class="flow-root">
                        <a href="https://visualsociety.com/sell" class="-m-3 p-3 flex items-center space-x-4 rounded-md text-base leading-6 font-medium text-gray-900 hover:bg-gray-50 transition ease-in-out duration-150">
                            <svg class="flex-shrink-0 h-6 w-6 text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z" />
                            </svg>
                            <span>Online Stores</span>
                        </a>
                    </li>
                    <li class="flow-root">
                        <a href="https://visualsociety.com/products" class="-m-3 p-3 flex items-center space-x-4 rounded-md text-base leading-6 font-medium text-gray-900 hover:bg-gray-50 transition ease-in-out duration-150">
                            <svg class="flex-shrink-0 h-6 w-6 text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4" />
                            </svg>
                            <span>Products</span>
                        </a>
                    </li>
                    <li class="flow-root">
                        <a href="https://visualsociety.com/marketplace" class="-m-3 p-3 flex items-center space-x-4 rounded-md text-base leading-6 font-medium text-gray-900 hover:bg-gray-50 transition ease-in-out duration-150">
                            <svg class="flex-shrink-0 h-6 w-6 text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" />
                            </svg>
                            <span>Marketplace</span>
                        </a>
                    </li>
                    <li class="flow-root">
                        <a href="https://visualsociety.com/automation" class="-m-3 p-3 flex items-center space-x-4 rounded-md text-base leading-6 font-medium text-gray-900 hover:bg-gray-50 transition ease-in-out duration-150">
                            <svg class="flex-shrink-0 h-6 w-6 text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" />
                            </svg>
                            <span>Automation</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="space-y-5">
                <h3 class="text-sm leading-5 font-medium tracking-wide text-gray-500 uppercase">
                    Websites
                </h3>
                <ul class="space-y-6">
                    <li class="flow-root">
                        <a href="https://visualsociety.com/templates" class="-m-3 p-3 flex items-center space-x-4 rounded-md text-base leading-6 font-medium text-gray-900 hover:bg-gray-50 transition ease-in-out duration-150">
                            <svg class="flex-shrink-0 h-6 w-6 text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z" />
                            </svg>
                            <span>Templates</span>
                        </a>
                    </li>
                    <li class="flow-root">
                        <a href="https://visualsociety.com/galleries" class="-m-3 p-3 flex items-center space-x-4 rounded-md text-base leading-6 font-medium text-gray-900 hover:bg-gray-50 transition ease-in-out duration-150">
                            <svg class="flex-shrink-0 h-6 w-6 text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" />
                            </svg>
                            <span>Galleries</span>
                        </a>
                    </li>
                    <li class="flow-root">
                        <a href="https://visualsociety.com/marketing" class="-m-3 p-3 flex items-center space-x-4 rounded-md text-base leading-6 font-medium text-gray-900 hover:bg-gray-50 transition ease-in-out duration-150">
                            <svg class="flex-shrink-0 h-6 w-6 text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z" />
                            </svg>
                            <span>Marketing</span>
                        </a>
                    </li>
                    <li class="flow-root">
                        <a href="https://visualsociety.com/integrations" class="-m-3 p-3 flex items-center space-x-4 rounded-md text-base leading-6 font-medium text-gray-900 hover:bg-gray-50 transition ease-in-out duration-150">
                            <svg class="flex-shrink-0 h-6 w-6 text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4" />
                            </svg>
                            <span>Integrations</span>
                        </a>
                    </li>
                </ul>
            </div>
        </nav>
        <div class="space-y-6 bg-gray-50 px-4 py-8 sm:py-12 sm:px-6 lg:px-8 xl:pl-12">
            <div class="space-y-6">
                <h3 class="text-sm leading-5 font-medium tracking-wide text-gray-500 uppercase">
                    New Features
                </h3>
                <ul class="space-y-6">
                    <li class="flow-root">
                        <a href="https://visualsociety.com/blog/google-images-licensable-badge" class="-m-3 p-3 flex rounded-lg hover:bg-gray-100 transition ease-in-out duration-150 sm:space-x-8">
                            <div class="hidden sm:block flex-shrink-0">
                                <img class="w-32 h-20 object-cover rounded-md" src="https://d3pl63ocdvmdf9.cloudfront.net/eyJidWNrZXQiOiJ2aXN1YWxzb2NpZXR5LXVwbG9hZHMiLCJrZXkiOiIxXC82ZTlmYmYzMS03MTYzLTQyN2ItODY5Mi0wNGE2NWM2Njg2MWYiLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE2MDAsImhlaWdodCI6bnVsbH0sInJvdGF0ZSI6bnVsbH19" alt="">
                            </div>
                            <div class="space-y-1 w-0 flex-1">
                                <h4 class="text-base leading-6 font-medium text-gray-900 truncate">
                                    Google Images Licensable Badge
                                </h4>
                                <p class="text-sm leading-5 text-gray-500">
                                    Visual Society automatically adds the Licensable badge to all of your images in e-commerce galleries.
                                </p>
                            </div>
                        </a>
                    </li>
                    <li class="flow-root">
                        <a href="https://visualsociety.com/blog/instagram-store-101-how-to-launch-yours-using-visual-society" class="-m-3 p-3 flex rounded-lg hover:bg-gray-100 transition ease-in-out duration-150 sm:space-x-8">
                            <div class="hidden sm:block flex-shrink-0">
                                <img class="w-32 h-20 object-cover rounded-md" src="https://d3pl63ocdvmdf9.cloudfront.net/eyJidWNrZXQiOiJ2aXN1YWxzb2NpZXR5LXVwbG9hZHMiLCJrZXkiOiIxXC84MThkZTNiYy01MmRiLTRkMjQtOGE0Yy1lY2E2MmFjNTBkNTkiLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjE2MDAsImhlaWdodCI6bnVsbH0sInJvdGF0ZSI6bnVsbH19" alt="">
                            </div>
                            <div class="space-y-1 w-0 flex-1">
                                <h4 class="text-base leading-6 font-medium text-gray-900 truncate">
                                    Instagram Store 101
                                </h4>
                                <p class="text-sm leading-5 text-gray-500">
                                    In this post, we’ll look at why Instagram is a great partner for your Visual Society store, and talk you through how to get started.
                                </p>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="text-sm leading-5 font-medium">
                <a href="https://visualsociety.com/blog" class="text-indigo-600 hover:text-indigo-500 transition ease-in-out duration-150">
                    View all &rarr;
                </a>
            </div>
        </div>
    </div>
</div>
</transition>
        <section class="bg-white">
    <div class="relative">
        <div class="mt-10 mx-auto max-w-screen-xl px-4 sm:px-6 md:mt-16 lg:mt-20">
            <div class="text-center">
                <h1 class="text-4xl tracking-tight leading-10 font-extrabold text-gray-900 sm:text-5xl sm:leading-none md:text-6xl">
                    Advanced e-commerce shops
                    <br>
                    <span class="text-indigo-600">for photographers & artists</span>
                </h1>
                <h2 class="mt-3 mb-10 max-w-md mx-auto text-base text-gray-500 sm:text-lg md:mt-5 md:text-xl md:max-w-3xl">
                    Sell photos, prints, apparel and more!
                </h2>
                <div class="flex justify-center mb-10">
                    <div class="rounded-md shadow">
                        <a href="https://visualsociety.com/start" class="w-full btn btn-xl btn-indigo md:py-4 md:text-lg md:px-10">
                            Start Free Trial
                        </a>
                    </div>
                    <div class="mt-3 sm:mt-0 sm:ml-3">
                        <div class="rounded-md shadow">
                            <modal-video
                                button-text="Watch Video"
                                video-poster="https://d1qyb48w8id9ub.cloudfront.net/844d6d8c-62e3-42b2-b9d6-1697173acb7b/video/welcome.jpg"
                                video-src="https://d1qyb48w8id9ub.cloudfront.net/844d6d8c-62e3-42b2-b9d6-1697173acb7b/video/welcome.mp4"
                            ></modal-video>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="relative">
        <div class="absolute inset-0 flex flex-col">
            <div class="flex-1"></div>
            <div class="flex-1 w-full bg-gray-800"></div>
        </div>
        <div class="max-w-screen-xl mx-auto px-4 sm:px-6">
            <img class="relative" src="https://d1qyb48w8id9ub.cloudfront.net/844d6d8c-62e3-42b2-b9d6-1697173acb7b/img/ui/dashboard.png" alt="Visual Society app screenshot">
        </div>
    </div>
    <div class="bg-gray-800">
    <div class="max-w-screen-xl mx-auto md:py-20 lg:py-24 px-4 sm:px-6 lg:px-8">
        <h3 class="mb-8 text-center text-gray-400 text-sm font-semibold uppercase tracking-wide">Trusted by over 18,000 forward-thinking photographers & artists</h3>
        <div class="text-center">
            <img src="https://d3pl63ocdvmdf9.cloudfront.net/eyJidWNrZXQiOiJ2aXN1YWxzb2NpZXR5LXVwbG9hZHMiLCJrZXkiOiIyNzZcLzVlNTcyODgwZDhmYzYuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoyMDAsImhlaWdodCI6MjAwfSwicm90YXRlIjpudWxsfX0=" alt="nickkrugphotography" class="inline-block h-12 w-12 rounded-full border-2 m-1">
            <img src="https://d3pl63ocdvmdf9.cloudfront.net/eyJidWNrZXQiOiJ2aXN1YWxzb2NpZXR5LXVwbG9hZHMiLCJrZXkiOiIyNDM4MVwvNWNmYTYzYWYyOTJkYy5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjIwMCwiaGVpZ2h0IjoyMDB9LCJyb3RhdGUiOm51bGx9fQ==" alt="evescenes" class="inline-block h-12 w-12 rounded-full border-2 m-1">
            <img src="https://d3pl63ocdvmdf9.cloudfront.net/eyJidWNrZXQiOiJ2aXN1YWxzb2NpZXR5LXVwbG9hZHMiLCJrZXkiOiIxOTQxM1wvNWU3ZDNkZjIyNTY1MC5KUEciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjIwMCwiaGVpZ2h0IjoyMDB9LCJyb3RhdGUiOm51bGx9fQ==" alt="hudhuf" class="inline-block h-12 w-12 rounded-full border-2 m-1">
            <img src="https://d3pl63ocdvmdf9.cloudfront.net/eyJidWNrZXQiOiJ2aXN1YWxzb2NpZXR5LXVwbG9hZHMiLCJrZXkiOiIzMjMzNlwvNWRmNTE4ODBjMTBhNy5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjIwMCwiaGVpZ2h0IjoyMDB9LCJyb3RhdGUiOm51bGx9fQ==" alt="linakayser" class="inline-block h-12 w-12 rounded-full border-2 m-1">
            <img src="https://d3pl63ocdvmdf9.cloudfront.net/eyJidWNrZXQiOiJ2aXN1YWxzb2NpZXR5LXVwbG9hZHMiLCJrZXkiOiIyMzEzOVwvNWNmYTYzOTJiNDg3NC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjIwMCwiaGVpZ2h0IjoyMDB9LCJyb3RhdGUiOm51bGx9fQ==" alt="valentinlacoste" class="inline-block h-12 w-12 rounded-full border-2 m-1">
            <img src="https://d3pl63ocdvmdf9.cloudfront.net/eyJidWNrZXQiOiJ2aXN1YWxzb2NpZXR5LXVwbG9hZHMiLCJrZXkiOiIyNzMxNVwvNWNmYTYzZjY1Y2MwNi5qcGVnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoyMDAsImhlaWdodCI6MjAwfSwicm90YXRlIjpudWxsfX0=" alt="charlottemargot" class="inline-block h-12 w-12 rounded-full border-2 m-1">
            <img src="https://d3pl63ocdvmdf9.cloudfront.net/eyJidWNrZXQiOiJ2aXN1YWxzb2NpZXR5LXVwbG9hZHMiLCJrZXkiOiIyMzI4NlwvNWNmYTYzOTYyYWYwOC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjIwMCwiaGVpZ2h0IjoyMDB9LCJyb3RhdGUiOm51bGx9fQ==" alt="kirbygladstein" class="inline-block h-12 w-12 rounded-full border-2 m-1">
            <img src="https://d3pl63ocdvmdf9.cloudfront.net/eyJidWNrZXQiOiJ2aXN1YWxzb2NpZXR5LXVwbG9hZHMiLCJrZXkiOiIyMzQ2OVwvNWNmYTYzOWE4MDU2MS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjIwMCwiaGVpZ2h0IjoyMDB9LCJyb3RhdGUiOm51bGx9fQ==" alt="terrancegrace" class="inline-block h-12 w-12 rounded-full border-2 m-1">
            <img src="https://d3pl63ocdvmdf9.cloudfront.net/eyJidWNrZXQiOiJ2aXN1YWxzb2NpZXR5LXVwbG9hZHMiLCJrZXkiOiIyMzQ4MVwvNWNmYTYzOWFiNzBlOS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjIwMCwiaGVpZ2h0IjoyMDB9LCJyb3RhdGUiOm51bGx9fQ==" alt="michaelhernandez" class="inline-block h-12 w-12 rounded-full border-2 m-1">
            <img src="https://d3pl63ocdvmdf9.cloudfront.net/eyJidWNrZXQiOiJ2aXN1YWxzb2NpZXR5LXVwbG9hZHMiLCJrZXkiOiIyMzYyMlwvNWNmYTYzOWU0MTBiNy5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjIwMCwiaGVpZ2h0IjoyMDB9LCJyb3RhdGUiOm51bGx9fQ==" alt="azriayob" class="inline-block h-12 w-12 rounded-full border-2 m-1">
            <img src="https://d3pl63ocdvmdf9.cloudfront.net/eyJidWNrZXQiOiJ2aXN1YWxzb2NpZXR5LXVwbG9hZHMiLCJrZXkiOiIyMzc0OFwvNWNmYTYzYTExMDhjMC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjIwMCwiaGVpZ2h0IjoyMDB9LCJyb3RhdGUiOm51bGx9fQ==" alt="jordanphotography" class="inline-block h-12 w-12 rounded-full border-2 m-1">
            <img src="https://d3pl63ocdvmdf9.cloudfront.net/eyJidWNrZXQiOiJ2aXN1YWxzb2NpZXR5LXVwbG9hZHMiLCJrZXkiOiIyMzk2MVwvNWNmYTYzYTVjNDdlYi5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjIwMCwiaGVpZ2h0IjoyMDB9LCJyb3RhdGUiOm51bGx9fQ==" alt="delseccoj" class="inline-block h-12 w-12 rounded-full border-2 m-1">
            <img src="https://d3pl63ocdvmdf9.cloudfront.net/eyJidWNrZXQiOiJ2aXN1YWxzb2NpZXR5LXVwbG9hZHMiLCJrZXkiOiIyNDIzMVwvNWNmYTYzYWI5ZDczNC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjIwMCwiaGVpZ2h0IjoyMDB9LCJyb3RhdGUiOm51bGx9fQ==" alt="secondstorieprints" class="inline-block h-12 w-12 rounded-full border-2 m-1">
            <img src="https://d3pl63ocdvmdf9.cloudfront.net/eyJidWNrZXQiOiJ2aXN1YWxzb2NpZXR5LXVwbG9hZHMiLCJrZXkiOiIyNDI3OVwvNWNmYTYzYWM3YTRkMC5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjIwMCwiaGVpZ2h0IjoyMDB9LCJyb3RhdGUiOm51bGx9fQ==" alt="sbtakespics" class="inline-block h-12 w-12 rounded-full border-2 m-1">
            <img src="https://d3pl63ocdvmdf9.cloudfront.net/eyJidWNrZXQiOiJ2aXN1YWxzb2NpZXR5LXVwbG9hZHMiLCJrZXkiOiIyNDMwM1wvNWNmYTYzYWQxZjZiOS5qcGVnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoyMDAsImhlaWdodCI6MjAwfSwicm90YXRlIjpudWxsfX0=" alt="levt" class="inline-block h-12 w-12 rounded-full border-2 m-1">
            <img src="https://d3pl63ocdvmdf9.cloudfront.net/eyJidWNrZXQiOiJ2aXN1YWxzb2NpZXR5LXVwbG9hZHMiLCJrZXkiOiIyNDMxNVwvNWNmYTYzYWQ4MWNjZS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjIwMCwiaGVpZ2h0IjoyMDB9LCJyb3RhdGUiOm51bGx9fQ==" alt="meagative" class="inline-block h-12 w-12 rounded-full border-2 m-1">
        </div>
    </div>
</div>
</section>
</div>
		<main id="main-container">
			
    <div class="bg-white">
    <div class="max-w-screen-xl mx-auto py-16 px-4 sm:px-6 lg:py-24 lg:px-8 lg:grid lg:grid-cols-3 lg:col-gap-8">
        <div>
            <h2 class="text-base leading-6 font-semibold text-indigo-600 uppercase tracking-wide">Everything you need</h2>
            <p class="mt-2 text-3xl leading-9 font-extrabold text-gray-900">All-in-one platform</p>
            <p class="mt-4 text-lg leading-7 text-gray-500">Visual Society includes all the features you need to launch a beautiful website and storefront for growing your photography business.</p>
        </div>
        <div class="mt-12 lg:mt-0 lg:col-span-2">
            <dl class="sm:grid-cols-2 lg:grid-cols-2 mt-12 space-y-10 sm:space-y-0 sm:grid sm:col-gap-6 sm:row-gap-12 lg:col-gap-8">
        <div class="flex space-x-3">
                    <svg class="flex-shrink-0 h-6 w-6 text-green-500" aria-hidden="true" x-description="Heroicon name: check" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
            </svg>
                <div class="space-y-2">
            <dt class="text-lg leading-6 font-medium text-gray-900">Automatic Product Fulfillment</dt>
                        <dd class="flex space-x-3 lg:py-0 lg:pb-4">
                <span class="text-base leading-6 text-gray-500">Drop-ship your products worldwide. We handle all order fulfillment for you.</span>
            </dd>
        </div>
    </div>
        <div class="flex space-x-3">
                    <svg class="flex-shrink-0 h-6 w-6 text-green-500" aria-hidden="true" x-description="Heroicon name: check" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
            </svg>
                <div class="space-y-2">
            <dt class="text-lg leading-6 font-medium text-gray-900">Sell Custom Products</dt>
                        <dd class="flex space-x-3 lg:py-0 lg:pb-4">
                <span class="text-base leading-6 text-gray-500">Sell products that you fulfill, like signed prints, or use your own printer.</span>
            </dd>
        </div>
    </div>
        <div class="flex space-x-3">
                    <svg class="flex-shrink-0 h-6 w-6 text-green-500" aria-hidden="true" x-description="Heroicon name: check" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
            </svg>
                <div class="space-y-2">
            <dt class="text-lg leading-6 font-medium text-gray-900">Sell Downloads</dt>
                        <dd class="flex space-x-3 lg:py-0 lg:pb-4">
                <span class="text-base leading-6 text-gray-500">Sell digital downloads with surcharges for sizes and licenses just like stock agencies.</span>
            </dd>
        </div>
    </div>
        <div class="flex space-x-3">
                    <svg class="flex-shrink-0 h-6 w-6 text-green-500" aria-hidden="true" x-description="Heroicon name: check" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
            </svg>
                <div class="space-y-2">
            <dt class="text-lg leading-6 font-medium text-gray-900">Keep 100% Profit</dt>
                        <dd class="flex space-x-3 lg:py-0 lg:pb-4">
                <span class="text-base leading-6 text-gray-500">Set your profit margin on products and keep 100% of the sales profit.</span>
            </dd>
        </div>
    </div>
        <div class="flex space-x-3">
                    <svg class="flex-shrink-0 h-6 w-6 text-green-500" aria-hidden="true" x-description="Heroicon name: check" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
            </svg>
                <div class="space-y-2">
            <dt class="text-lg leading-6 font-medium text-gray-900">Instant Product Mockups</dt>
                        <dd class="flex space-x-3 lg:py-0 lg:pb-4">
                <span class="text-base leading-6 text-gray-500">Our product mockup generator creates realistic product previews for your shop instantly.</span>
            </dd>
        </div>
    </div>
        <div class="flex space-x-3">
                    <svg class="flex-shrink-0 h-6 w-6 text-green-500" aria-hidden="true" x-description="Heroicon name: check" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
            </svg>
                <div class="space-y-2">
            <dt class="text-lg leading-6 font-medium text-gray-900">Customizable Galleries</dt>
                        <dd class="flex space-x-3 lg:py-0 lg:pb-4">
                <span class="text-base leading-6 text-gray-500">Create portfolio and private client galleries. Customize gallery layouts to fit your style.</span>
            </dd>
        </div>
    </div>
        <div class="flex space-x-3">
                    <svg class="flex-shrink-0 h-6 w-6 text-green-500" aria-hidden="true" x-description="Heroicon name: check" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
            </svg>
                <div class="space-y-2">
            <dt class="text-lg leading-6 font-medium text-gray-900">Automatic Keywords</dt>
                        <dd class="flex space-x-3 lg:py-0 lg:pb-4">
                <span class="text-base leading-6 text-gray-500">Our AI technology automatically organizes your images based on scenes and objects.</span>
            </dd>
        </div>
    </div>
        <div class="flex space-x-3">
                    <svg class="flex-shrink-0 h-6 w-6 text-green-500" aria-hidden="true" x-description="Heroicon name: check" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
            </svg>
                <div class="space-y-2">
            <dt class="text-lg leading-6 font-medium text-gray-900">Templates</dt>
                        <dd class="flex space-x-3 lg:py-0 lg:pb-4">
                <span class="text-base leading-6 text-gray-500">Insert slideshows, galleries, contact forms, email opt-ins, and more.</span>
            </dd>
        </div>
    </div>
    </dl>
        </div>
    </div>
</div>
    <div class="bg-gray-50">
    <div class="max-w-screen-xl mx-auto py-16 px-4 sm:px-6 lg:py-24 lg:px-8">
        <div class="max-w-3xl mx-auto text-center">
            <h2 class="text-3xl leading-9 font-extrabold text-gray-900 sm:text-4xl sm:leading-10">Hundreds of Print-On-Demand Products</h2>
            <p class="mt-4 text-lg leading-7 text-gray-500">Choose from our massive product library or add your own custom products.</p>
            <div class="mt-5 max-w-md mx-auto sm:flex sm:justify-center md:mt-8">
                <div class="rounded-md shadow">
                    <a href="https://visualsociety.com/start" class="flex items-center justify-center btn btn-indigo btn-lg">
                        Start Free Trial
                    </a>
                </div>
                <div class="mt-3 sm:mt-0 sm:ml-3">
                    <a href="https://visualsociety.com/products" class="flex items-center justify-center btn btn-lg text-indigo-700 bg-indigo-100 hover:text-indigo-600 hover:bg-indigo-50 focus:outline-none focus:shadow-outline focus:border-indigo-300">
                        View Products &rarr;
                    </a>
                </div>
            </div>
        </div>
        <div class="mt-12 space-y-10 sm:space-y-0 sm:grid sm:grid-cols-2 sm:col-gap-6 sm:row-gap-12 lg:grid-cols-6 lg:col-gap-8">
            <div class="shadow-lg hover:shadow-2xl overflow-hidden p-4 border border-gray-200 hover:border-gray-300 transition duration-500 ease-in-out">
                <img class="space-x-3" src="https://d1qyb48w8id9ub.cloudfront.net/844d6d8c-62e3-42b2-b9d6-1697173acb7b/img/products/prints.jpg" alt="photo selling online">
                <div class="py-4">
                    <div class="text-md leading-6 font-medium text-gray-900">Prints</div>
                </div>
            </div>
            <div class="shadow-lg hover:shadow-2xl overflow-hidden p-4 border border-gray-200 hover:border-gray-300 transition duration-500 ease-in-out">
                <img class="space-x-3" src="https://d1qyb48w8id9ub.cloudfront.net/844d6d8c-62e3-42b2-b9d6-1697173acb7b/img/products/wall-art.jpg" alt="photo sites for photographers">
                <div class="py-4">
                    <div class="text-md leading-6 font-medium text-gray-900">Wall Art</div>
                </div>
            </div>
            <div class="shadow-lg hover:shadow-2xl overflow-hidden p-4 border border-gray-200 hover:border-gray-300 transition duration-500 ease-in-out">
                <img class="space-x-3" src="https://d1qyb48w8id9ub.cloudfront.net/844d6d8c-62e3-42b2-b9d6-1697173acb7b/img/products/apparel.jpg" alt="photography selling website">
                <div class="py-4">
                    <div class="text-md leading-6 font-medium text-gray-900">Apparel</div>
                </div>
            </div>
            <div class="shadow-lg hover:shadow-2xl overflow-hidden p-4 border border-gray-200 hover:border-gray-300 transition duration-500 ease-in-out">
                <img class="space-x-3" src="https://d1qyb48w8id9ub.cloudfront.net/844d6d8c-62e3-42b2-b9d6-1697173acb7b/img/products/accessories.jpg" alt="sell your photos online">
                <div class="py-4">
                    <div class="text-md leading-6 font-medium text-gray-900">Accessories</div>
                </div>
            </div>
            <div class="shadow-lg hover:shadow-2xl overflow-hidden p-4 border border-gray-200 hover:border-gray-300 transition duration-500 ease-in-out">
                <img class="space-x-3" src="https://d1qyb48w8id9ub.cloudfront.net/844d6d8c-62e3-42b2-b9d6-1697173acb7b/img/products/downloads.jpg" alt="sell digital photo downloads">
                <div class="py-4">
                    <div class="text-md leading-6 font-medium text-gray-900">Downloads</div>
                </div>
            </div>
            <div class="shadow-lg hover:shadow-2xl overflow-hidden p-4 border border-gray-200 hover:border-gray-300 transition duration-500 ease-in-out">
                <img class="space-x-3" src="https://d1qyb48w8id9ub.cloudfront.net/844d6d8c-62e3-42b2-b9d6-1697173acb7b/img/products/custom.jpg" alt="top websites to sell photos">
                <div class="py-4">
                    <div class="text-md leading-6 font-medium text-gray-900">Custom</div>
                </div>
            </div>
        </div>
    </div>
</div>
    <section class="py-12 bg-white overflow-hidden md:py-20 lg:py-24">
    <div class="relative max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8">

        <svg class="absolute top-full right-full transform translate-x-1/3 -translate-y-1/4 lg:translate-x-1/2 xl:-translate-y-1/2" width="404" height="404" fill="none" viewBox="0 0 404 404" role="img" aria-labelledby="svg-workcation">
            <title id="svg-Ian Howerton">Ian Howerton</title>
            <defs>
                <pattern id="ad119f34-7694-4c31-947f-5c9d249b21f3" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
                    <rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor" />
                </pattern>
            </defs>
            <rect width="404" height="404" fill="url(#ad119f34-7694-4c31-947f-5c9d249b21f3)" />
        </svg>

        <div class="relative">
            <blockquote class="mt-8">
                <div class="max-w-3xl mx-auto text-center text-2xl leading-9 font-medium text-gray-900">
                    <p>
                        &ldquo;Extremely impressed with the prints and packaging quality. Keep up the great work!&rdquo;
                    </p>
                </div>
                <footer class="mt-8">
                    <div class="md:flex md:items-center md:justify-center">
                        <div class="md:flex-shrink-0">
                            <img class="mx-auto h-10 w-10 rounded-full" src="data:image/jpeg;base64,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" alt="Ian Howerton">
                        </div>
                        <div class="mt-3 text-center md:mt-0 md:ml-4 md:flex md:items-center">
                            <div class="text-base leading-6 font-medium text-gray-900">Ian Howerton</div>

                            <svg class="hidden md:block mx-1 h-5 w-5 text-indigo-600" fill="currentColor" viewBox="0 0 20 20">
                                <path d="M11 0h3L9 20H6l5-20z" />
                            </svg>

                            <div class="text-base leading-6 font-medium text-gray-500">photographer, Ian Howerton Photography</div>
                        </div>
                    </div>
                </footer>
            </blockquote>
        </div>
    </div>
</section>
    <div class=" py-16 overflow-hidden lg:py-24">
    <div class="relative max-w-xl mx-auto px-4 sm:px-6 lg:px-8 lg:max-w-screen-xl">
        <svg class="hidden lg:block absolute left-full transform -translate-x-1/2 -translate-y-1/4" width="404" height="784" fill="none" viewBox="0 0 404 784">
            <defs>
                <pattern id="b1e6e422-73f8-40a6-b5d9-c8586e37e0e7" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
                    <rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor" />
                </pattern>
            </defs>
            <rect width="404" height="784" fill="url(#b1e6e422-73f8-40a6-b5d9-c8586e37e0e7)" />
        </svg>

                    <div class="relative">
                <h3 class="text-center text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl sm:leading-10">
                    Advanced Features For Photographers
                </h3>
                                    <p class="mt-4 max-w-3xl mx-auto text-center text-xl leading-7 text-gray-500">
                        Visual Society is the best platform for quickly scaling your online photography business. Quickly launch a store and start selling photo products online in minutes.
                    </p>
                            </div>
                        <div class="lg:grid lg:grid-cols-2 lg:gap-8 lg:items-center relative mt-12 sm:mt-16 lg:mt-24 z-10">
                        <div class="">
                <h4 class="text-2xl leading-8 font-extrabold text-gray-900 tracking-tight sm:text-3xl sm:leading-9">
                    E-Commerce Automation &amp; AI
                </h4>
                <p class="mt-3 text-lg leading-7 text-gray-500">
                    Visual Society automates the tedious tasks that kill your productivity online. Spend more time shooting and less time managing your shop.
                </p>

                                    <ul class="mt-10">
                                            <li class="">
                            <div class="flex">
                                <div class="flex-shrink-0">
                                    <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white">
                                        <svg class="flex-shrink-0 h-6 w-6 text-white" aria-hidden="true" x-description="Heroicon name: check" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                                        </svg>
                                    </div>
                                </div>
                                <div class="ml-4">
                                    <h5 class="text-lg leading-6 font-medium text-gray-900">Print On Demand</h5>
                                    <p class="mt-2 text-base leading-6 text-gray-500">
                                        Visual Society takes your business global. We integrate with the best print labs all over the world to fulfill your orders.</p>
                                    </p>
                                </div>
                            </div>
                        </li>
                                            <li class="mt-10">
                            <div class="flex">
                                <div class="flex-shrink-0">
                                    <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white">
                                        <svg class="flex-shrink-0 h-6 w-6 text-white" aria-hidden="true" x-description="Heroicon name: check" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                                        </svg>
                                    </div>
                                </div>
                                <div class="ml-4">
                                    <h5 class="text-lg leading-6 font-medium text-gray-900">Instant Product Mockups</h5>
                                    <p class="mt-2 text-base leading-6 text-gray-500">
                                        Get hundreds of instant product mockups from a single photo. Our interactive product picker helps your visitors convert into buyers.</p>
                                    </p>
                                </div>
                            </div>
                        </li>
                                            <li class="mt-10">
                            <div class="flex">
                                <div class="flex-shrink-0">
                                    <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white">
                                        <svg class="flex-shrink-0 h-6 w-6 text-white" aria-hidden="true" x-description="Heroicon name: check" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                                        </svg>
                                    </div>
                                </div>
                                <div class="ml-4">
                                    <h5 class="text-lg leading-6 font-medium text-gray-900">Powerful Image Analysis</h5>
                                    <p class="mt-2 text-base leading-6 text-gray-500">
                                        Our AI technology can identify objects, people, text, scenes, and activities in your images, and organizes them accordingly.</p>
                                    </p>
                                </div>
                            </div>
                        </li>
                                    </ul>
                
                
            </div>
            <div class=" mt-10 -mx-4 relative lg:mt-0">
                <svg class="absolute left-1/2 transform -translate-x-1/2 translate-y-16 lg:hidden" width="784" height="404" fill="none" viewBox="0 0 784 404">
                    <defs>
                        <pattern id="ca9667ae-9f92-4be7-abcb-9e3d727f2941" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
                            <rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor" />
                        </pattern>
                    </defs>
                    <rect width="784" height="404" fill="url(#ca9667ae-9f92-4be7-abcb-9e3d727f2941)" />
                </svg>
                                    <img class="relative mx-auto" width="490" src="https://d1qyb48w8id9ub.cloudfront.net/844d6d8c-62e3-42b2-b9d6-1697173acb7b/img/ui/product-page.png" alt="E-Commerce Automation &amp; AI">
                            </div>
                    </div>
                    <svg class="hidden lg:block absolute right-full transform translate-x-1/2 translate-y-12" width="404" height="784" fill="none" viewBox="0 0 404 784">
                <defs>
                    <pattern id="64e643ad-2176-4f86-b3d7-f2c5da3b6a6d" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
                        <rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor" />
                    </pattern>
                </defs>
                <rect width="404" height="784" fill="url(#64e643ad-2176-4f86-b3d7-f2c5da3b6a6d)" />
            </svg>
                        <div class=" relative mt-12 sm:mt-16 lg:mt-24 z-10">
                            <div class="lg:grid lg:grid-flow-row-dense lg:grid-cols-2 lg:gap-8 lg:items-center">
                        <div class="lg:col-start-2">
                <h4 class="text-2xl leading-8 font-extrabold text-gray-900 tracking-tight sm:text-3xl sm:leading-9">
                    Designed for the Future
                </h4>
                <p class="mt-3 text-lg leading-7 text-gray-500">
                    Our award-winning, mobile-ready templates are the most beautiful way to present your photos to the world.
                </p>

                                    <ul class="mt-10">
                                            <li class="">
                            <div class="flex">
                                <div class="flex-shrink-0">
                                    <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white">
                                        <svg class="flex-shrink-0 h-6 w-6 text-white" aria-hidden="true" x-description="Heroicon name: check" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                                        </svg>
                                    </div>
                                </div>
                                <div class="ml-4">
                                    <h5 class="text-lg leading-6 font-medium text-gray-900">Mobile-First Templates</h5>
                                    <p class="mt-2 text-base leading-6 text-gray-500">
                                        Pick a template to start with and customize it with fonts, colors, and logos. Designed for mobile and desktop.</p>
                                    </p>
                                </div>
                            </div>
                        </li>
                                            <li class="mt-10">
                            <div class="flex">
                                <div class="flex-shrink-0">
                                    <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white">
                                        <svg class="flex-shrink-0 h-6 w-6 text-white" aria-hidden="true" x-description="Heroicon name: check" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                                        </svg>
                                    </div>
                                </div>
                                <div class="ml-4">
                                    <h5 class="text-lg leading-6 font-medium text-gray-900">Customizable Layouts</h5>
                                    <p class="mt-2 text-base leading-6 text-gray-500">
                                        Insert slideshows, contact forms, banners, galleries and more. Drag and drop them into any order.</p>
                                    </p>
                                </div>
                            </div>
                        </li>
                                            <li class="mt-10">
                            <div class="flex">
                                <div class="flex-shrink-0">
                                    <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white">
                                        <svg class="flex-shrink-0 h-6 w-6 text-white" aria-hidden="true" x-description="Heroicon name: check" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                                        </svg>
                                    </div>
                                </div>
                                <div class="ml-4">
                                    <h5 class="text-lg leading-6 font-medium text-gray-900">Integrations</h5>
                                    <p class="mt-2 text-base leading-6 text-gray-500">
                                        Embed your Visual Society galleries on your WordPress, Squarespace, or Wix website.</p>
                                    </p>
                                </div>
                            </div>
                        </li>
                                    </ul>
                
                
            </div>
            <div class="lg:col-start-1 mt-10 -mx-4 relative lg:mt-0">
                <svg class="absolute left-1/2 transform -translate-x-1/2 translate-y-16 lg:hidden" width="784" height="404" fill="none" viewBox="0 0 784 404">
                    <defs>
                        <pattern id="ca9667ae-9f92-4be7-abcb-9e3d727f2941" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
                            <rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor" />
                        </pattern>
                    </defs>
                    <rect width="784" height="404" fill="url(#ca9667ae-9f92-4be7-abcb-9e3d727f2941)" />
                </svg>
                                    <img class="relative mx-auto" width="490" src="https://d1qyb48w8id9ub.cloudfront.net/844d6d8c-62e3-42b2-b9d6-1697173acb7b/img/ui/mockup.jpg" alt="Designed for the Future">
                            </div>
                            </div>
                    </div>
                    <svg class="hidden lg:block absolute left-full transform -translate-x-1/2 -translate-y-1/4" width="404" height="784" fill="none" viewBox="0 0 404 784">
                <defs>
                    <pattern id="b1e6e422-73f8-40a6-b5d9-c8586e37e0e7" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
                        <rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor" />
                    </pattern>
                </defs>
                <rect width="404" height="784" fill="url(#b1e6e422-73f8-40a6-b5d9-c8586e37e0e7)" />
            </svg>
                        <div class="lg:grid lg:grid-cols-2 lg:gap-8 lg:items-center relative mt-12 sm:mt-16 lg:mt-24 z-10">
                        <div class="">
                <h4 class="text-2xl leading-8 font-extrabold text-gray-900 tracking-tight sm:text-3xl sm:leading-9">
                    Reach New Customers
                </h4>
                <p class="mt-3 text-lg leading-7 text-gray-500">
                    Visual Society has the tools you need to gain exposure, attract new customers, and rise in search results.
                </p>

                                    <ul class="mt-10">
                                            <li class="">
                            <div class="flex">
                                <div class="flex-shrink-0">
                                    <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white">
                                        <svg class="flex-shrink-0 h-6 w-6 text-white" aria-hidden="true" x-description="Heroicon name: check" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                                        </svg>
                                    </div>
                                </div>
                                <div class="ml-4">
                                    <h5 class="text-lg leading-6 font-medium text-gray-900">Marketplace</h5>
                                    <p class="mt-2 text-base leading-6 text-gray-500">
                                        Marketplace is our central shop where we curate the very best photos and artwork uploaded by everyone at Visual Society.</p>
                                    </p>
                                </div>
                            </div>
                        </li>
                                            <li class="mt-10">
                            <div class="flex">
                                <div class="flex-shrink-0">
                                    <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white">
                                        <svg class="flex-shrink-0 h-6 w-6 text-white" aria-hidden="true" x-description="Heroicon name: check" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                                        </svg>
                                    </div>
                                </div>
                                <div class="ml-4">
                                    <h5 class="text-lg leading-6 font-medium text-gray-900">Directory</h5>
                                    <p class="mt-2 text-base leading-6 text-gray-500">
                                        Our searchable directory helps you get discovered by art buyers, photo editors, and potential clients from around the world.</p>
                                    </p>
                                </div>
                            </div>
                        </li>
                                            <li class="mt-10">
                            <div class="flex">
                                <div class="flex-shrink-0">
                                    <div class="flex items-center justify-center h-12 w-12 rounded-md bg-indigo-500 text-white">
                                        <svg class="flex-shrink-0 h-6 w-6 text-white" aria-hidden="true" x-description="Heroicon name: check" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
                                        </svg>
                                    </div>
                                </div>
                                <div class="ml-4">
                                    <h5 class="text-lg leading-6 font-medium text-gray-900">Contests</h5>
                                    <p class="mt-2 text-base leading-6 text-gray-500">
                                        Win cash and gain exposure by entering our photo contests. Anyone can enter. Anyone can vote. The highest score wins.</p>
                                    </p>
                                </div>
                            </div>
                        </li>
                                    </ul>
                
                
            </div>
            <div class=" mt-10 -mx-4 relative lg:mt-0">
                <svg class="absolute left-1/2 transform -translate-x-1/2 translate-y-16 lg:hidden" width="784" height="404" fill="none" viewBox="0 0 784 404">
                    <defs>
                        <pattern id="ca9667ae-9f92-4be7-abcb-9e3d727f2941" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
                            <rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor" />
                        </pattern>
                    </defs>
                    <rect width="784" height="404" fill="url(#ca9667ae-9f92-4be7-abcb-9e3d727f2941)" />
                </svg>
                                    <img class="relative mx-auto" width="490" src="https://d1qyb48w8id9ub.cloudfront.net/844d6d8c-62e3-42b2-b9d6-1697173acb7b/img/ui/search.png" alt="Reach New Customers">
                            </div>
                    </div>
                    <svg class="hidden lg:block absolute right-full transform translate-x-1/2 translate-y-12" width="404" height="784" fill="none" viewBox="0 0 404 784">
                <defs>
                    <pattern id="64e643ad-2176-4f86-b3d7-f2c5da3b6a6d" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse">
                        <rect x="0" y="0" width="4" height="4" class="text-gray-200" fill="currentColor" />
                    </pattern>
                </defs>
                <rect width="404" height="784" fill="url(#64e643ad-2176-4f86-b3d7-f2c5da3b6a6d)" />
            </svg>
                
    </div>
</div>
    <section class="bg-indigo-800">
    <div class="max-w-screen-xl mx-auto md:grid md:grid-cols-3 md:px-6 lg:px-16">
        <div class="py-12 px-4 sm:px-6 md:flex md:flex-col md:py-16 md:pl-0 md:pr-10 md:border-r md:border-indigo-700 lg:pr-16">
            <blockquote class="my-8 md:flex-grow md:flex md:flex-col">
                <div class="relative text-lg leading-7 font-medium text-indigo-100 md:flex-grow">
                    <svg class="absolute top-0 left-0 transform -translate-x-6 -translate-y-2 h-16 w-16 text-indigo-600" fill="currentColor" viewBox="0 0 32 32">
                        <path d="M9.352 4C4.456 7.456 1 13.12 1 19.36c0 5.088 3.072 8.064 6.624 8.064 3.36 0 5.856-2.688 5.856-5.856 0-3.168-2.208-5.472-5.088-5.472-.576 0-1.344.096-1.536.192.48-3.264 3.552-7.104 6.624-9.024L9.352 4zm16.512 0c-4.8 3.456-8.256 9.12-8.256 15.36 0 5.088 3.072 8.064 6.624 8.064 3.264 0 5.856-2.688 5.856-5.856 0-3.168-2.304-5.472-5.184-5.472-.576 0-1.248.096-1.44.192.48-3.264 3.456-7.104 6.528-9.024L25.864 4z" />
                    </svg>
                    <p class="relative">
                        Powerful and intuitive.
                    </p>
                </div>
            </blockquote>
            <div class="md:flex-shrink-0">
                <svg class="h-8" viewBox="0 0 388 76" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Medium</title>
    <desc>Medium SVG Logo</desc>
    <defs></defs>
    <g id="Medium_Logo" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Medium_Logo_White" fill-rule="nonzero" fill="#FFFFFF">
            <path d="M195.969082,67.5171847 C195.969082,68.8547606 195.969082,69.1587551 196.877889,69.9795403 L201.967208,74.9650506 L201.967208,75.1778468 L179.398501,75.1778468 L179.398501,65.6020191 C177.127105,71.9132329 171.119731,76.0867213 164.433479,75.998632 C152.831043,75.998632 144.409432,66.8787962 144.409432,50.0982982 C144.409432,34.3817811 153.497502,23.8939699 166.251093,23.8939699 C171.904382,23.5368544 177.165101,26.8042928 179.368207,32.0410233 L179.368207,10.9134036 C179.535869,9.93501727 179.136847,8.94575438 178.338226,8.35984952 L173.491255,3.67833379 L173.491255,3.46553762 L195.969082,0.820785226 L195.969082,67.5171847 Z M179.398501,64.4772394 L179.398501,32.9530068 C177.762952,30.914342 175.28108,29.7475991 172.673329,29.7914637 C167.190194,29.7914637 161.888819,34.776974 161.888819,49.5815075 C161.888819,63.443658 166.463148,68.3379699 172.158339,68.3379699 C175.045957,68.2786686 177.733564,66.8455343 179.398501,64.4772394 Z M210.934104,75.1778468 L210.934104,32.6186129 C211.078516,31.6682099 210.737005,30.7086359 210.025297,30.0650588 L205.026858,24.8971518 L205.026858,24.6843557 L227.595565,24.6843557 L227.595565,67.8515787 C227.595565,69.1891546 227.595565,69.4931491 228.504372,70.3139343 L233.472517,74.9954501 L233.472517,75.2082462 L210.934104,75.1778468 Z M210.116177,9.11983584 C210.116177,4.08308958 214.185045,9.25235277e-16 219.204247,0 C224.22345,-9.25235277e-16 228.292317,4.08308958 228.292317,9.11983584 C228.292317,14.1565821 224.22345,18.2396717 219.204247,18.2396717 C214.185045,18.2396717 210.116177,14.1565821 210.116177,9.11983584 L210.116177,9.11983584 Z M288.485634,67.4259863 C288.485634,68.7635622 288.485634,69.1587551 289.394441,69.9795403 L294.48376,74.9650506 L294.48376,75.1778468 L271.793879,75.1778468 L271.793879,64.2644432 C269.727705,71.1649715 263.433025,75.9178746 256.253279,75.998632 C246.195815,75.998632 240.80356,68.6419644 240.80356,54.719015 C240.80356,48.000736 240.80356,40.6440684 241.015615,32.3754172 C241.181812,31.4498262 240.833727,30.5067127 240.106808,29.9130616 L235.10837,24.8971518 L235.10837,24.6843557 L257.495315,24.6843557 C257.495315,24.9883502 257.495315,51.1014802 257.495315,52.4390561 C257.495315,61.5588919 258.828232,67.6387825 264.523423,67.6387825 C267.582058,67.4469243 270.338349,65.7210785 271.854466,63.0484651 L271.854466,32.6490123 C271.998878,31.6986093 271.657367,30.7390353 270.945659,30.0954583 L265.916927,24.8971518 L265.916927,24.6843557 L288.485634,24.6843557 L288.485634,67.4259863 Z M365.310119,75.1778468 C365.310119,73.5362763 365.613054,52.6214528 365.613054,47.8183393 C365.613054,38.6985034 364.189257,32.4058167 357.797314,32.4058167 C354.581137,32.5053523 351.602563,34.1295556 349.769519,36.7833379 C350.410581,39.6254297 350.71562,42.5334347 350.678326,45.4471819 C350.678326,51.7702681 350.466271,59.8261231 350.37539,67.8819781 C350.209194,68.8075691 350.557278,69.7506827 351.284197,70.3443338 L356.373517,75.0258495 L356.373517,75.2386457 L333.592755,75.2386457 C333.592755,73.718673 333.89569,52.6822517 333.89569,47.8791382 C333.89569,38.6073051 332.471893,32.4666156 326.170831,32.4666156 C323.064645,32.5784424 320.230841,34.275495 318.658026,36.9657346 L318.658026,67.9731765 C318.658026,69.3107524 318.658026,69.6147469 319.566833,70.4355321 L324.534978,75.1170479 L324.534978,75.329844 L301.996565,75.329844 L301.996565,32.7706101 C302.140977,31.8202071 301.799466,30.8606331 301.087758,30.2170561 L296.089319,24.8971518 L296.089319,24.6843557 L318.658026,24.6843557 L318.658026,35.5065609 C320.750477,28.3613599 327.419499,23.561429 334.834791,23.8635704 C342.347595,23.8635704 347.436914,28.0586949 349.587758,36.0233516 C351.976536,28.6777655 358.853091,23.7487717 366.552155,23.8635704 C376.609619,23.8635704 382.304809,31.3114364 382.304809,45.386383 C382.304809,52.1046621 382.092755,59.7653242 382.001874,67.8211792 C381.825249,68.7746275 382.229995,69.7422442 383.031855,70.2835349 L388,74.9650506 L388,75.1778468 L365.310119,75.1778468 Z M81.7926296,68.5507661 L88.4875078,74.9650506 L88.4875078,75.1778468 L54.5284197,75.1778468 L54.5284197,74.9650506 L61.3444722,68.5507661 C62.0713914,67.957115 62.419476,67.0140014 62.2532792,66.0884104 L62.2532792,25.0795486 C62.2532792,23.3467798 62.2532792,21.0060219 62.5562149,18.999658 L39.6542786,75.998632 L39.3816365,75.998632 L15.6617739,23.5595759 C15.1467833,22.2523995 14.9953154,22.1612011 14.6620862,21.279617 L14.6620862,55.6613981 C14.3781099,57.9625249 14.7675634,60.2968507 15.7829482,62.3796771 L25.3254216,74.9650506 L25.3254216,75.1778468 L0,75.1778468 L0,74.9650506 L9.54247345,62.3492777 C10.5503599,60.2749011 10.9395854,57.952498 10.6633354,55.6613981 L10.6633354,17.6620821 C10.8184931,15.7910832 10.2549307,13.931352 9.08806996,12.4637756 L2.33260462,3.67833379 L2.33260462,3.46553762 L26.5674578,3.46553762 L46.8641474,47.8791382 L64.7373517,3.46553762 L88.4572142,3.46553762 L88.4572142,3.67833379 L81.7926296,11.1261997 C80.9940083,11.7121046 80.5949871,12.7013675 80.7626483,13.6797538 L80.7626483,66.0884104 C80.5860239,67.0418587 80.9907693,68.0094754 81.7926296,68.5507661 Z M108.360087,48.000736 L108.360087,48.2135321 C108.360087,61.2244979 115.054966,66.4532038 122.900999,66.4532038 C129.452575,66.6776532 135.51587,62.9911694 138.350718,57.0597729 L138.562773,57.0597729 C135.836352,69.9187414 127.899438,75.998632 116.02436,75.998632 C103.210181,75.998632 91.1230481,68.2467715 91.1230481,50.2806949 C91.1230481,31.4026347 103.240475,23.8635704 116.630231,23.8635704 C127.414741,23.8635704 138.896002,28.9706785 138.896002,45.386383 C138.896002,45.6903776 138.896002,46.7847579 138.896002,48.000736 L108.360087,48.000736 Z M108.360087,45.386383 L123.294816,45.386383 C123.294816,44.0488071 123.294816,43.1368235 123.294816,42.7416306 C123.294816,29.3658714 120.538101,25.8091354 116.387883,25.8091354 C111.359151,25.8091354 108.2995,31.1290397 108.2995,45.386383 L108.360087,45.386383 Z" id="Shape"></path>
        </g>
    </g>
</svg>
            </div>
        </div>
        <div class="py-12 px-4 sm:px-6 md:flex md:flex-col md:py-16 md:pl-0 md:pr-10 md:border-r md:border-indigo-700 lg:pr-16 lg:pl-16">
            <blockquote class="my-8 md:flex-grow md:flex md:flex-col">
                <div class="relative text-lg leading-7 font-medium text-indigo-100 md:flex-grow">
                    <svg class="absolute top-0 left-0 transform -translate-x-6 -translate-y-2 h-16 w-16 text-indigo-600" fill="currentColor" viewBox="0 0 32 32">
                        <path d="M9.352 4C4.456 7.456 1 13.12 1 19.36c0 5.088 3.072 8.064 6.624 8.064 3.36 0 5.856-2.688 5.856-5.856 0-3.168-2.208-5.472-5.088-5.472-.576 0-1.344.096-1.536.192.48-3.264 3.552-7.104 6.624-9.024L9.352 4zm16.512 0c-4.8 3.456-8.256 9.12-8.256 15.36 0 5.088 3.072 8.064 6.624 8.064 3.264 0 5.856-2.688 5.856-5.856 0-3.168-2.304-5.472-5.184-5.472-.576 0-1.248.096-1.44.192.48-3.264 3.456-7.104 6.528-9.024L25.864 4z" />
                    </svg>
                    <p class="relative">
                        It has many advantages over a more generic platform like Squarespace.
                    </p>
                </div>
            </blockquote>
            <div class="md:flex-shrink-0">
                <svg class="h-8" viewBox="0 0 996 170" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>EXPERT PHOTOGRAPHY</title>
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="EXPERT PHOTOGRAPHY" fill-rule="nonzero">
            <polygon id="Path" fill="#CACACA" points="66 3 66 37 100 37"></polygon>
            <polygon id="Path" fill="#D2D2D3" points="66 3 100 3 100 37"></polygon>
            <polygon id="Path" fill="#DEDDDD" points="66 135 66 169 100 169"></polygon>
            <polygon id="Path" fill="#D2D2D3" points="66 135 100 135 100 169"></polygon>
            <polygon id="Path" fill="#C4C4C3" points="12 40 60 40 36 64"></polygon>
            <polygon id="Path" fill="#CDCDCE" points="12 40 36 16 60 40"></polygon>
            <polygon id="Path" fill="#D7D8D8" points="131 16 131 62 107 39"></polygon>
            <polygon id="Path" fill="#E1E2E3" points="131 16 154 39.7419355 131 62"></polygon>
            <polygon id="Path" fill="#C0BFBF" points="36 110 36 156 12 133"></polygon>
            <polygon id="Path" fill="#CDCCCC" points="36 110 59 133.741935 36 156"></polygon>
            <polygon id="Path" fill="#E4E6E7" points="154 133 108 133 131 109"></polygon>
            <polygon id="Path" fill="#D7D8D8" points="154 133 130.258065 156 108 133"></polygon>
            <polygon id="Path" fill="#F2F2F2" points="167 70 135 102 135 70"></polygon>
            <polygon id="Path" fill="#DEDEE0" points="167 70 167 102 135 102"></polygon>
            <polygon id="Path" fill="#C5C4C6" points="32 70 0 102 0 70"></polygon>
            <polygon id="Path" fill="#B2B3B3" points="32 70 32 102 0 102"></polygon>
            <g id="Group" transform="translate(192.000000, 0.000000)" fill="#FFFFFF">
                <polygon id="Path" points="0.185019841 74.8152709 0.185019841 0.332512315 45.8849206 0.332512315 45.8849206 16.6995074 20.0191468 16.6995074 20.0191468 29.5566502 44.4417659 29.5566502 44.4417659 45.591133 20.0191468 45.591133 20.0191468 58.1157635 45.8849206 58.1157635 45.8849206 74.8152709 0.185019841 74.8152709"></polygon>
                <path d="M85.7751984,17.6231527 C85.8492063,17.6970443 85.8862103,17.770936 85.8862103,17.8448276 C87.1073413,20.2463054 87.9214286,22.2044335 88.2914683,23.7561576 C88.5875,22.3152709 89.3645833,20.4679803 90.5857143,18.2512315 C90.6967262,17.955665 90.8077381,17.7339901 90.881746,17.6231527 L99.8367063,0.332512315 L124.037302,0.332512315 L99.133631,36.1330049 L126.664583,74.7783251 L103.611111,74.7783251 L90.881746,52.6847291 C90.6227183,52.1674877 90.2896825,51.5763547 89.9566468,50.91133 C89.6236111,50.2463054 89.4015873,49.8029557 89.2905754,49.6551724 C89.0685516,49.0640394 88.6985119,48.0295567 88.2544643,46.5517241 C87.8844246,47.9926108 87.5143849,49.137931 87.1813492,49.9137931 C86.9963294,50.320197 86.5522817,51.2438424 85.7381944,52.7216749 L73.0088294,74.8152709 L49.9553571,74.8152709 L77.5973214,35.726601 L52.5826389,0.332512315 L76.7832341,0.332512315 L85.7751984,17.6231527 Z" id="Path"></path>
                <path d="M152.08631,74.8152709 L132.992262,74.8152709 L132.992262,0.332512315 L154.269544,0.332512315 C162.521429,0.332512315 168.40506,0.738916256 171.883433,1.55172414 C175.287798,2.43842365 178.100099,3.84236453 180.394345,5.72660099 C183.095635,8.01724138 185.204861,10.8251232 186.648016,14.1871921 C188.091171,17.6231527 188.83125,21.4285714 188.83125,25.6403941 C188.83125,30.1108374 188.091171,34.0270936 186.648016,37.3522167 C185.352877,40.7142857 183.280655,43.4852217 180.394345,45.7019704 C178.322123,47.3275862 175.842857,48.5098522 172.919544,49.2118227 C170.292262,49.9137931 165.740774,50.2832512 159.265079,50.2832512 L155.786706,50.2832512 L152.123313,50.2832512 L152.123313,74.8152709 L152.08631,74.8152709 Z M152.08631,33.8423645 L155.971726,33.8423645 C160.782242,33.8423645 164.223611,33.1403941 166.221825,31.773399 C168.146032,30.4802956 169.108135,28.226601 169.108135,25.0123153 C169.108135,21.908867 168.183036,19.729064 166.295833,18.362069 C164.408631,17.0320197 161.04127,16.3669951 156.19375,16.3669951 L152.123313,16.3669951 L152.123313,33.8423645 L152.08631,33.8423645 Z" id="Shape"></path>
                <polygon id="Path" points="199.155357 74.8152709 199.155357 0.332512315 244.855258 0.332512315 244.855258 16.6995074 218.989484 16.6995074 218.989484 29.5566502 243.412103 29.5566502 243.412103 45.591133 218.989484 45.591133 218.989484 58.1157635 244.855258 58.1157635 244.855258 74.8152709 199.155357 74.8152709"></polygon>
                <path d="M258.250694,74.8152709 L258.250694,0.332512315 L279.527976,0.332512315 C283.635417,0.332512315 287.11379,0.406403941 289.963095,0.591133005 C292.812401,0.775862069 295.143651,1.03448276 296.993849,1.4408867 C300.139187,2.17980296 302.988492,3.4729064 305.467758,5.32019704 C308.169048,7.35221675 310.24127,9.97536946 311.647421,13.1527094 C313.090575,16.2192118 313.830655,19.6551724 313.830655,23.5344828 C313.830655,29.2610837 312.3875,33.953202 309.538194,37.6108374 C306.762897,41.2684729 302.618452,43.6699507 297.141865,44.7783251 L317.457044,74.7783251 L294.477579,74.7783251 L277.344742,45.6280788 L277.344742,74.7783251 L258.250694,74.7783251 L258.250694,74.8152709 Z M277.381746,35.5418719 L281.156151,35.5418719 C285.596627,35.5418719 288.815972,34.8029557 290.777183,33.362069 C292.775397,31.7364532 293.774504,29.3719212 293.774504,26.3054187 C293.774504,22.5738916 292.849405,19.9137931 290.962202,18.362069 C289.075,16.773399 285.892659,15.9605911 281.452183,15.9605911 L277.381746,15.9605911 L277.381746,35.5418719 Z" id="Shape"></path>
                <polygon id="Path" points="335.959028 74.8152709 335.959028 17.955665 319.233234 17.955665 319.233234 0.369458128 373 0.369458128 373 17.955665 356.274206 17.955665 356.274206 74.8152709"></polygon>
            </g>
            <g id="Group" transform="translate(189.000000, 93.000000)" fill="#FFFFFF">
                <path d="M18.6685754,74.7788462 L0,74.7788462 L0,1.73990385 L20.812689,1.73990385 C28.9085662,1.73990385 34.638525,2.14711538 38.0395328,2.92451923 C41.3666056,3.77596154 44.1391663,5.14567308 46.3572148,7.03365385 C49.0188731,9.25480769 51.0520843,12.03125 52.4938158,15.3259615 C53.9355474,18.6947115 54.6379295,22.4336538 54.6379295,26.5427885 C54.6379295,30.9480769 53.9355474,34.7610577 52.4938158,38.01875 C51.2369217,41.3134615 49.2037105,44.0528846 46.3572148,46.2 C44.3240037,47.7918269 41.8841503,48.9394231 39.0376546,49.6427885 C36.4868988,50.3461538 32.0138342,50.6793269 25.6923958,50.6793269 L22.291388,50.6793269 L18.7055428,50.6793269 L18.7055428,74.7788462 L18.6685754,74.7788462 Z M18.6685754,34.6129808 L22.4392579,34.6129808 C27.1710948,34.6129808 30.4981677,33.9466346 32.4574439,32.5769231 C34.3427852,31.3182692 35.3039395,29.0971154 35.3039395,25.9504808 C35.3039395,22.9149038 34.3797526,20.7677885 32.5313788,19.4350962 C30.683005,18.1394231 27.3928997,17.4730769 22.6240953,17.4730769 L18.6316079,17.4730769 L18.6316079,34.6129808 L18.6685754,34.6129808 Z" id="Shape"></path>
                <polygon id="Path" points="64.6930829 74.7788462 64.6930829 1.73990385 84.581585 1.73990385 84.581585 30.1336538 111.124233 30.1336538 111.124233 1.73990385 131.012735 1.73990385 131.012735 74.7788462 111.124233 74.7788462 111.124233 45.0524038 84.581585 45.0524038 84.581585 74.7788462"></polygon>
                <path d="M221.361246,38.3889423 C221.361246,43.6826923 220.400092,48.60625 218.51475,53.1966346 C216.629409,57.6759615 213.782913,61.7850962 210.049198,65.4870192 C206.315483,69.0778846 202.101191,71.8543269 197.295419,73.7793269 C192.267842,75.7413462 187.314201,76.7408654 182.397526,76.7408654 C177.406917,76.7408654 172.453275,75.7413462 167.499634,73.7793269 C162.619927,71.8173077 158.405634,69.0408654 154.856757,65.4870192 C151.270912,62.0442308 148.461383,57.9350962 146.391205,53.1225962 C144.394961,48.3841346 143.396839,43.4975962 143.396839,38.3889423 C143.396839,33.2802885 144.394961,28.39375 146.391205,23.6552885 C148.461383,18.8427885 151.270912,14.6966346 154.856757,11.2908654 C158.516537,7.62596154 162.730829,4.84951923 167.499634,2.92451923 C172.157536,1.03653846 177.111177,0.0740384615 182.397526,0.0740384615 C187.683875,0.0740384615 192.674485,1.03653846 197.369354,2.92451923 C202.101191,4.84951923 206.278516,7.62596154 209.975263,11.2908654 C213.672011,14.9557692 216.518507,19.0649038 218.477783,23.6552885 C220.437059,28.2826923 221.361246,33.1692308 221.361246,38.3889423 Z M182.397526,59.8600962 C187.868713,59.8600962 192.45268,57.8240385 196.149427,53.7149038 C197.960834,51.6788462 199.32863,49.4206731 200.178882,46.8663462 C201.029134,44.3490385 201.472744,41.4985577 201.472744,38.3889423 C201.472744,32.3177885 199.661338,27.2091346 196.038525,23.0629808 C192.341777,18.9538462 187.794778,16.9177885 182.397526,16.9177885 C176.852405,16.9177885 172.268438,18.9538462 168.682593,23.0629808 C165.096748,27.1721154 163.285341,32.24375 163.285341,38.3889423 C163.285341,44.75625 165.05978,49.8649038 168.57169,53.7889423 C172.23147,57.8240385 176.815437,59.8600962 182.397526,59.8600962 Z" id="Shape"></path>
                <polygon id="Path" points="244.355016 74.7788462 244.355016 18.9908654 228.015392 18.9908654 228.015392 1.73990385 280.583142 1.73990385 280.583142 18.9908654 264.243518 18.9908654 264.243518 74.7788462"></polygon>
                <path d="M365.164727,38.3889423 C365.164727,43.6826923 364.203573,48.60625 362.318232,53.1966346 C360.432891,57.6759615 357.586395,61.7850962 353.85268,65.4870192 C350.118965,69.0778846 345.904672,71.8543269 341.098901,73.7793269 C336.071324,75.7413462 331.117682,76.7408654 326.201008,76.7408654 C321.210399,76.7408654 316.256757,75.7413462 311.303115,73.7793269 C306.423408,71.8173077 302.209116,69.0408654 298.660238,65.4870192 C295.074393,62.0442308 292.264865,57.9350962 290.194686,53.1225962 C288.198443,48.3841346 287.200321,43.4975962 287.200321,38.3889423 C287.200321,33.2802885 288.198443,28.39375 290.194686,23.6552885 C292.264865,18.8427885 295.074393,14.6966346 298.660238,11.2908654 C302.320018,7.62596154 306.534311,4.84951923 311.303115,2.92451923 C315.961017,1.03653846 320.914659,0.0740384615 326.201008,0.0740384615 C331.487357,0.0740384615 336.477966,1.03653846 341.172836,2.92451923 C345.904672,4.84951923 350.081997,7.62596154 353.778745,11.2908654 C357.475492,14.9557692 360.321988,19.0649038 362.281264,23.6552885 C364.203573,28.2826923 365.164727,33.1692308 365.164727,38.3889423 Z M326.201008,59.8600962 C331.672194,59.8600962 336.256161,57.8240385 339.952909,53.7149038 C341.764315,51.6788462 343.132112,49.4206731 343.982364,46.8663462 C344.832616,44.3490385 345.276225,41.4985577 345.276225,38.3889423 C345.276225,32.3177885 343.464819,27.2091346 339.842006,23.0629808 C336.145259,18.9538462 331.598259,16.9177885 326.201008,16.9177885 C320.655886,16.9177885 316.071919,18.9538462 312.486074,23.0629808 C308.900229,27.1721154 307.088823,32.24375 307.088823,38.3889423 C307.088823,44.75625 308.863262,49.8649038 312.375172,53.7889423 C315.997984,57.8240385 320.618919,59.8600962 326.201008,59.8600962 Z" id="Shape"></path>
                <path d="M412.298259,47.8658654 L412.298259,32.5769231 L451.372881,32.5769231 C451.372881,33.2802885 451.409849,33.8355769 451.483784,34.2057692 L451.483784,36.8341346 C451.483784,49.4576923 448.193678,59.19375 441.613468,66.0793269 C434.959322,73.0389423 425.643518,76.51875 413.592121,76.51875 C407.862162,76.51875 402.612781,75.6302885 397.843976,73.8903846 C393.260009,72.1134615 389.156619,69.4110577 385.496839,65.7091346 C382.021896,62.1552885 379.323271,58.0091346 377.474897,53.3447115 C376.476775,50.8644231 375.737426,48.3471154 375.293816,45.8298077 C374.813239,43.3125 374.591434,40.8322115 374.591434,38.3149038 C374.591434,32.9100962 375.515621,27.9125 377.363995,23.2850962 C379.212368,18.8057692 381.984929,14.6596154 385.681677,10.9206731 C389.193587,7.40384615 393.370912,4.70144231 398.213651,2.85048077 C402.982455,1.03653846 408.120934,0.111057692 413.555153,0.111057692 C420.652909,0.111057692 426.974347,1.55480769 432.482501,4.40528846 C434.25694,5.25673077 435.957444,6.33028846 437.694915,7.62596154 C439.395419,8.92163462 440.985021,10.3283654 442.426752,11.8831731 C443.868484,13.4379808 445.199313,15.1408654 446.382272,16.9548077 L429.155428,25.2471154 C427.08525,22.4336538 424.793266,20.3235577 422.24251,18.9168269 C419.61782,17.5471154 416.734356,16.8807692 413.592121,16.8807692 C407.60339,16.8807692 402.945488,18.8427885 399.581448,22.8038462 C396.18044,26.7278846 394.516903,32.1697115 394.516903,39.1293269 C394.516903,46.1259615 396.217407,51.6048077 399.581448,55.6028846 C402.945488,59.5639423 407.60339,61.5259615 413.592121,61.5259615 C418.656665,61.5259615 422.870957,60.2673077 426.19803,57.75 C429.636005,55.2697115 431.632249,51.975 432.112826,47.9399038 L412.298259,47.9399038 L412.298259,47.8658654 Z" id="Path"></path>
                <path d="M463.535181,74.7788462 L463.535181,1.73990385 L484.34787,1.73990385 C488.377325,1.73990385 491.778333,1.81394231 494.550893,1.99903846 C497.323454,2.18413462 499.615437,2.44326923 501.426844,2.85048077 C504.532112,3.59086538 507.267705,4.84951923 509.707558,6.62644231 C512.369217,8.62548077 514.36546,11.1798077 515.733257,14.3264423 C517.174989,17.325 517.877371,20.7307692 517.877371,24.5067308 C517.877371,30.1336538 516.472607,34.7240385 513.700046,38.3149038 C510.964453,41.9057692 506.934998,44.2379808 501.611681,45.3485577 L521.500183,74.7788462 L499.023958,74.7788462 L482.277691,46.2 L482.277691,74.7788462 L463.535181,74.7788462 Z M482.240724,36.2418269 L485.937471,36.2418269 C490.299634,36.2418269 493.441869,35.5384615 495.364178,34.0947115 C497.323454,32.5028846 498.321576,30.1706731 498.321576,27.1721154 C498.321576,23.5072115 497.397389,20.9158654 495.585983,19.3980769 C493.737609,17.8432692 490.632341,17.0658654 486.270179,17.0658654 L482.277691,17.0658654 L482.277691,36.2418269 L482.240724,36.2418269 Z" id="Shape"></path>
                <path d="M520.428126,74.7788462 L545.602978,1.73990385 L570.519056,1.73990385 L595.730875,74.7788462 L575.953275,74.7788462 L572.256528,61.7110577 L544.013376,61.7110577 L540.242694,74.7788462 L520.428126,74.7788462 Z M548.301603,47.4956731 L568.079203,47.4956731 L560.64874,23.3961538 C560.463903,22.9519231 560.168163,21.7673077 559.687586,19.8052885 C559.133074,17.5100962 558.615529,15.4370192 558.134952,13.5860577 C557.654375,15.2889423 557.2847,16.9918269 556.951993,18.7317308 C556.434448,20.3975962 555.953871,21.9524038 555.621164,23.4331731 L548.301603,47.4956731 Z" id="Shape"></path>
                <path d="M621.312368,74.7788462 L602.643793,74.7788462 L602.643793,1.73990385 L623.456482,1.73990385 C631.552359,1.73990385 637.282318,2.14711538 640.683326,2.92451923 C644.010399,3.77596154 646.782959,5.14567308 649.001008,7.03365385 C651.662666,9.25480769 653.695877,12.03125 655.137609,15.3259615 C656.57934,18.6947115 657.281722,22.4336538 657.281722,26.5427885 C657.281722,30.9480769 656.57934,34.7610577 655.137609,38.01875 C653.880715,41.3134615 651.847503,44.0528846 649.001008,46.2 C646.967797,47.7918269 644.527943,48.9394231 641.681448,49.6427885 C639.130692,50.3461538 634.657627,50.6793269 628.336189,50.6793269 L624.935181,50.6793269 L621.349336,50.6793269 L621.349336,74.7788462 L621.312368,74.7788462 Z M621.312368,34.6129808 L625.083051,34.6129808 C629.814888,34.6129808 633.141961,33.9466346 635.101237,32.5769231 C636.986578,31.3182692 637.947732,29.0971154 637.947732,25.9504808 C637.947732,22.9149038 637.023546,20.7677885 635.175172,19.4350962 C633.326798,18.1394231 630.036693,17.4730769 625.267888,17.4730769 L621.275401,17.4730769 L621.275401,34.6129808 L621.312368,34.6129808 Z" id="Shape"></path>
                <polygon id="Path" points="667.373843 74.7788462 667.373843 1.73990385 687.262345 1.73990385 687.262345 30.1336538 713.804993 30.1336538 713.804993 1.73990385 733.693495 1.73990385 733.693495 74.7788462 713.804993 74.7788462 713.804993 45.0524038 687.225378 45.0524038 687.225378 74.7788462"></polygon>
                <path d="M762.121484,74.7788462 L762.121484,41.4615385 L736.613926,1.73990385 L759.422858,1.73990385 L769.21924,20.5456731 C769.330142,20.6567308 769.404077,20.8418269 769.514979,21.1379808 C770.550069,23.0259615 771.252451,24.9139423 771.659093,26.7278846 C771.954833,25.1360577 772.657215,23.3221154 773.803207,21.3230769 L774.209849,20.5086538 L783.932295,1.70288462 L806.815163,1.70288462 L781.307604,41.4245192 L781.307604,74.7418269 L762.121484,74.7418269 L762.121484,74.7788462 Z" id="Path"></path>
            </g>
        </g>
    </g>
</svg>
            </div>
        </div>
        <div class="py-12 px-4 border-t-2 border-indigo-900 sm:px-6 md:py-16 md:pr-0 md:pl-10 md:border-t-0 md:border-l lg:pl-16">
            <blockquote class="my-8 md:flex-grow md:flex md:flex-col">
                <div class="relative text-lg leading-7 font-medium text-indigo-100 md:flex-grow">
                    <svg class="absolute top-0 left-0 transform -translate-x-6 -translate-y-2 h-16 w-16 text-indigo-600" fill="currentColor" viewBox="0 0 32 32">
                        <path d="M9.352 4C4.456 7.456 1 13.12 1 19.36c0 5.088 3.072 8.064 6.624 8.064 3.36 0 5.856-2.688 5.856-5.856 0-3.168-2.208-5.472-5.088-5.472-.576 0-1.344.096-1.536.192.48-3.264 3.552-7.104 6.624-9.024L9.352 4zm16.512 0c-4.8 3.456-8.256 9.12-8.256 15.36 0 5.088 3.072 8.064 6.624 8.064 3.264 0 5.856-2.688 5.856-5.856 0-3.168-2.304-5.472-5.184-5.472-.576 0-1.248.096-1.44.192.48-3.264 3.456-7.104 6.528-9.024L25.864 4z" />
                    </svg>
                    <p class="relative">
                        Build your own personalized stock photo site.
                    </p>
                </div>
            </blockquote>
            <div class="md:flex-shrink-0">
                <svg class="h-12" viewBox="0 0 567 761" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>PC Mag</title>
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="PC-Mag" fill="#FFFFFF" fill-rule="nonzero">
            <path d="M0,566 L0,1 L187.470716,1 C210.498502,1 229.158949,9.22447807 243.48815,25.6734342 C257.817352,42.1223903 265,64.198621 265,91.902126 L265,272.912788 C265,298.524101 256.770635,318.904935 240.347998,334.019217 C223.889267,349.169572 201.583356,356.744749 173.394171,356.744749 L119.831109,356.744749 L119.831109,565.963928 L0,565.963928 L0,566 Z M119.795015,66.0383068 L119.795015,292.500032 L131.778126,292.500032 C136.00109,292.500032 139.754835,290.155334 143.039363,285.429867 C146.32389,280.740471 147.9842,274.463896 147.9842,266.636213 L147.9842,86.4191406 C147.9842,81.1886612 146.684827,77.1485667 144.122174,74.2627849 C141.523427,71.4130754 139.538273,69.4291004 138.130618,68.3830045 C136.722964,67.3369086 135.315309,66.5433186 133.907655,66.0383068 L119.795015,66.0383068 Z" id="Shape"></path>
            <path d="M566.963874,221.077412 L445.112042,221.077412 L445.112042,89.9616118 C445.112042,75.9908478 440.198953,69.023516 430.445026,69.023516 C420.654974,69.023516 415.77801,75.6659464 415.77801,88.9869073 L415.77801,479.843396 C415.77801,491.61205 420.907853,497.496377 431.203665,497.496377 C440.487958,497.496377 445.148168,491.395449 445.148168,479.193593 L445.148168,321.03877 L567,321.03877 L567,481.684505 C567,499.012584 561.617277,515.041058 550.851832,529.806025 C540.086387,544.570993 526.358639,554.642939 509.740838,559.985763 C493.086911,565.328588 465.920419,568 428.277487,568 C393.054974,568 367.839267,565.942291 352.666492,561.862972 C311.555497,551.646625 291,523.849498 291,478.39939 L291,83.4635821 C291,3.68221686 337.240838,0 429.722513,0 L475.963351,0 C504.827749,0 527.225654,8.12253718 543.120942,24.3315114 C559.01623,40.5765857 566.963874,62.3088852 566.963874,89.6006101 L566.963874,221.077412 L566.963874,221.077412 Z" id="Path"></path>
            <g id="Group" transform="translate(0.000000, 623.000000)">
                <polygon id="Path" points="93.7175159 0.288250653 93.7175159 137.711749 67.5705096 137.711749 67.5705096 45.2553525 53.3774522 137.711749 40.4484076 137.531593 26.2553503 45.0391645 26.2553503 137.495561 0.108343949 137.495561 0.108343949 0.0720626632 30.9502548 0.0720626632 46.9490446 114.147258 46.9490446 114.327415 62.9478344 0.252219321 93.7175159 0.252219321"></polygon>
                <path d="M150.742548,117.894517 L128.604268,117.894517 L125.859554,137.531593 L98.5929936,137.531593 L124.74,0.108093995 L153.956752,0.108093995 L180.42879,137.531593 L153.63172,137.531593 L150.742548,117.894517 Z M131.348981,98.2574413 L147.96172,98.2574413 L139.72758,39.1660574 L131.348981,98.2574413 Z" id="Shape"></path>
                <path d="M213.36535,68.783812 L245.651847,68.783812 L245.651847,98.2214099 C245.651847,127.659008 231.133758,137.495561 213.36535,137.495561 C195.596943,137.495561 181.078854,127.695039 181.078854,98.2214099 L181.078854,39.3101828 C181.078854,9.87258486 195.596943,0.0360313316 213.36535,0.0360313316 C231.133758,0.0360313316 245.651847,9.83655352 245.651847,39.3101828 L245.651847,58.9472585 L219.829873,58.9472585 L219.829873,25.3660574 C219.829873,20.645953 216.940701,16.9347258 213.36535,16.9347258 C209.826115,16.9347258 206.900828,20.6819843 206.900828,25.3660574 L206.900828,112.129504 C206.900828,116.849608 209.79,120.560836 213.36535,120.560836 C216.904586,120.560836 219.829873,116.813577 219.829873,112.129504 L219.829873,88.3848564 L213.36535,88.3848564 L213.36535,68.783812 Z" id="Path"></path>
                <path d="M297.801401,117.894517 L275.699236,117.894517 L272.954522,137.531593 L245.651847,137.531593 L271.798854,0.108093995 L301.015605,0.108093995 L327.487643,137.531593 L300.690573,137.531593 L297.801401,117.894517 Z M278.443949,98.2574413 L295.056688,98.2574413 L286.822548,39.1660574 L278.443949,98.2574413 Z" id="Shape"></path>
                <polygon id="Path" points="330.737962 0.0720626632 384.512675 0.0720626632 360.929809 117.858486 384.332102 117.858486 384.332102 137.495561 330.737962 137.495561 354.140255 19.7091384 330.737962 19.7091384"></polygon>
                <polygon id="Path" points="418.893822 137.495561 392.566242 137.495561 392.566242 0.0720626632 418.893822 0.0720626632"></polygon>
                <polygon id="Path" points="503.510446 137.495561 477.363439 137.495561 454.755669 45.0391645 454.755669 137.495561 428.608662 137.495561 428.608662 0.0720626632 454.105605 0.0720626632 477.363439 93.9336815 477.363439 0.0720626632 503.510446 0.0720626632"></polygon>
                <polygon id="Path" points="513.189172 0.0720626632 566.783312 0.0720626632 566.783312 19.7091384 539.336178 19.7091384 539.336178 58.9832898 558.693631 58.9832898 558.693631 78.6203655 539.336178 78.6203655 539.336178 117.894517 566.783312 117.894517 566.783312 137.531593 513.189172 137.531593"></polygon>
            </g>
        </g>
    </g>
</svg>
            </div>
        </div>
    </div>
</section>
    <div class="relative bg-gray-50 pt-16 pb-20 px-4 sm:px-6 lg:pt-24 lg:pb-28 lg:px-8">
    <div class="absolute inset-0">
        <div class="bg-white h-1/3 sm:h-2/3"></div>
    </div>
    <div class="relative max-w-7xl mx-auto">
                    <div class="text-center">
                <h2 class="text-3xl leading-9 tracking-tight font-extrabold text-gray-900 sm:text-4xl sm:leading-10">
                    Featured Artists
                </h2>
                                    <p class="mt-3 max-w-2xl mx-auto text-xl leading-7 text-gray-500 sm:mt-4">
                        We want fresh, creative talent like you. Join our global network of like-minded creators, grow your brand, and get rewarded for your talents.
                    </p>
                            </div>
                <div class="mt-12 grid gap-5 max-w-lg mx-auto lg:grid-cols-3 lg:max-w-none">
                            <a href="https://hudhuf.visualsociety.com/" class="flex flex-col rounded-lg shadow-lg overflow-hidden">
                    <div class="flex-shrink-0">
                        <img class="h-64 w-full object-cover" src="https://d3pl63ocdvmdf9.cloudfront.net/eyJidWNrZXQiOiJ2aXN1YWxzb2NpZXR5LXVwbG9hZHMiLCJrZXkiOiIxOTQxMy8wYmFmMzRkZS1hYjI2LTQyMTAtYWViMy1kNmU1YjA5NmZmODEiLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjYwMCwiaGVpZ2h0IjpudWxsfX19" alt="Hudson Hufham photos">
                    </div>
                    <div class="flex-1 bg-white p-6 flex flex-col justify-between">
                        <div class="flex items-center">
                                                            <div class="flex-shrink-0">
                                    <img class="h-10 w-10 rounded-full" src="https://d3pl63ocdvmdf9.cloudfront.net/eyJidWNrZXQiOiJ2aXN1YWxzb2NpZXR5LXVwbG9hZHMiLCJrZXkiOiIxOTQxM1wvNWU3ZDNkZjIyNTY1MC5KUEciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjIwMCwiaGVpZ2h0IjoyMDB9LCJyb3RhdGUiOm51bGx9fQ==" alt="Hudson Hufham">
                                </div>
                                                        <div class="ml-3">
                                <p class="text-sm leading-5 font-medium text-gray-900">
                                    Hudson Hufham
                                </p>
                                <div class="flex text-sm leading-5 text-gray-500">
                                    photographer
                                </div>
                            </div>
                        </div>
                    </div>
                </a>
                            <a href="https://linakayser.visualsociety.com/" class="flex flex-col rounded-lg shadow-lg overflow-hidden">
                    <div class="flex-shrink-0">
                        <img class="h-64 w-full object-cover" src="https://d3pl63ocdvmdf9.cloudfront.net/eyJidWNrZXQiOiJ2aXN1YWxzb2NpZXR5LXVwbG9hZHMiLCJrZXkiOiIzMjMzNi8xMDUxOTEzMjUzODVkZmI1NzhmNjM0ZTcuanBnIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjo2MDAsImhlaWdodCI6bnVsbH19fQ==" alt="Lina Kayser photos">
                    </div>
                    <div class="flex-1 bg-white p-6 flex flex-col justify-between">
                        <div class="flex items-center">
                                                            <div class="flex-shrink-0">
                                    <img class="h-10 w-10 rounded-full" src="https://d3pl63ocdvmdf9.cloudfront.net/eyJidWNrZXQiOiJ2aXN1YWxzb2NpZXR5LXVwbG9hZHMiLCJrZXkiOiIzMjMzNlwvNWRmNTE4ODBjMTBhNy5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjIwMCwiaGVpZ2h0IjoyMDB9LCJyb3RhdGUiOm51bGx9fQ==" alt="Lina Kayser">
                                </div>
                                                        <div class="ml-3">
                                <p class="text-sm leading-5 font-medium text-gray-900">
                                    Lina Kayser
                                </p>
                                <div class="flex text-sm leading-5 text-gray-500">
                                    photographer
                                </div>
                            </div>
                        </div>
                    </div>
                </a>
                            <a href="https://shop.rafaelmarxuach.studio/" class="flex flex-col rounded-lg shadow-lg overflow-hidden">
                    <div class="flex-shrink-0">
                        <img class="h-64 w-full object-cover" src="https://d3pl63ocdvmdf9.cloudfront.net/eyJidWNrZXQiOiJ2aXN1YWxzb2NpZXR5LXVwbG9hZHMiLCJrZXkiOiIzODI0NC8zYzdmMWExOC0zNGE2LTQyOWYtODEwNi05ZGJlYmYxZmJhOTciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjYwMH19fQ==" alt="Rafael Marxuach photos">
                    </div>
                    <div class="flex-1 bg-white p-6 flex flex-col justify-between">
                        <div class="flex items-center">
                                                            <div class="flex-shrink-0">
                                    <img class="h-10 w-10 rounded-full" src="https://d3pl63ocdvmdf9.cloudfront.net/eyJidWNrZXQiOiJ2aXN1YWxzb2NpZXR5LXVwbG9hZHMiLCJrZXkiOiIzODI0NFwvNWY2OTNiOWM1ZWI0MS5qcGciLCJlZGl0cyI6eyJyZXNpemUiOnsid2lkdGgiOjIwMCwiaGVpZ2h0IjoyMDB9LCJyb3RhdGUiOm51bGx9fQ==" alt="Rafael Marxuach">
                                </div>
                                                        <div class="ml-3">
                                <p class="text-sm leading-5 font-medium text-gray-900">
                                    Rafael Marxuach
                                </p>
                                <div class="flex text-sm leading-5 text-gray-500">
                                    photographer
                                </div>
                            </div>
                        </div>
                    </div>
                </a>
                    </div>
    </div>
</div>
    <section class="bg-white">
    <div class="max-w-screen-xl mx-auto py-16 px-4 sm:px-6 lg:px-8">
        <div class="bg-indigo-700 rounded-lg shadow-xl overflow-hidden lg:grid lg:grid-cols-2 lg:gap-4">
            <div class="pt-10 pb-12 px-6 sm:pt-16 sm:px-16 lg:py-16 lg:pr-0 xl:py-20 xl:px-20">
                <div class="lg:self-center">
                    <h2 class="text-3xl leading-9 font-extrabold text-white sm:text-4xl sm:leading-10">
                        <div class="text-base leading-6 font-semibold uppercase tracking-wider text-gray-300">
                            
                        </div>
                        <span class="block">Ready to dive in?</span>
                        <span class="block">Start your free trial today.</span>
                    </h2>
                    <p class="mt-4 text-lg leading-6 text-indigo-200">Join over 18,000 creatives selling their best photos and artwork online at Visual Society.</p>
                    <a href="https://visualsociety.com/start" class="mt-8 bg-white border border-transparent rounded-md shadow px-6 py-3 inline-flex items-center text-base leading-6 font-medium text-indigo-600 hover:text-indigo-500 hover:bg-gray-50">Start Free Trial</a>
                </div>
            </div>
            <div class="relative pb-3/5 -mt-6 md:pb-1/2">
                <img class="absolute inset-0 w-full h-full transform translate-x-6 translate-y-6 rounded-md object-cover object-left-top sm:translate-x-16 lg:translate-y-20" src="https://d1qyb48w8id9ub.cloudfront.net/844d6d8c-62e3-42b2-b9d6-1697173acb7b/img/ui/admin.png" alt="Ready to dive in?">
            </div>
        </div>
        
    </div>
</section>

		</main>
		<!--
  Tailwind UI components require Tailwind CSS v1.8 and the @tailwindcss/ui plugin.
  Read the documentation to get started: https://tailwindui.com/documentation
-->
<footer class="bg-white">
    <div class="max-w-screen-xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
        <div class="xl:grid xl:grid-cols-3 xl:gap-8">
            <div class="space-y-8 xl:col-span-1">
                <img class="h-10" src="https://d1qyb48w8id9ub.cloudfront.net/844d6d8c-62e3-42b2-b9d6-1697173acb7b/img/logo-v.svg" alt="Visual Society">
                <p class="text-gray-500 text-base leading-6">
                    Democratizing e-commerce for creatives.
                </p>
                <div class="flex space-x-6">
                    <a href="https://facebook.com/visualsocietydotcom" class="text-gray-400 hover:text-gray-500">
                        <span class="sr-only">Facebook</span>
                        <svg class="h-6 w-6" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
                            <path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd" />
                        </svg>
                    </a>
                    <a href="https://instagram.com/visualsocietyofficial" class="text-gray-400 hover:text-gray-500">
                        <span class="sr-only">Instagram</span>
                        <svg class="h-6 w-6" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
                            <path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd" />
                        </svg>
                    </a>
                </div>
            </div>
            <div class="mt-12 grid grid-cols-2 gap-8 xl:mt-0 xl:col-span-2">
                <div class="md:grid md:grid-cols-2 md:gap-8">
                    <div>
                        <h4 class="text-sm leading-5 font-semibold text-gray-400 tracking-wider uppercase">
                            About
                        </h4>
                        <ul class="mt-4 space-y-4">
                            <li>
                                <a href="https://visualsociety.com/about" class="text-base leading-6 text-gray-500 hover:text-gray-900">
                                    Our Company
                                </a>
                            </li>
                            <li>
                                <a href="https://visualsociety.com/plans" class="text-base leading-6 text-gray-500 hover:text-gray-900">
                                    Pricing
                                </a>
                            </li>
                            <li>
                                <a href="https://status.visualsociety.com" class="text-base leading-6 text-gray-500 hover:text-gray-900">
                                    Status
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="mt-12 md:mt-0">
                        <h4 class="text-sm leading-5 font-semibold text-gray-400 tracking-wider uppercase">
                            Community
                        </h4>
                        <ul class="mt-4 space-y-4">
                            <li>
                                <a href="https://visualsociety.com/directory" class="text-base leading-6 text-gray-500 hover:text-gray-900">
                                    Directory
                                </a>
                            </li>
                            <li>
                                <a href="https://visualsociety.com/blog" class="text-base leading-6 text-gray-500 hover:text-gray-900">
                                    Blog
                                </a>
                            </li>
                            <li>
                                <a href="https://visualsociety.com/affiliates" class="text-base leading-6 text-gray-500 hover:text-gray-900">
                                    Affiliates
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="md:grid md:grid-cols-2 md:gap-8">
                    <div>
                        <h4 class="text-sm leading-5 font-semibold text-gray-400 tracking-wider uppercase">
                            Support
                        </h4>
                        <ul class="mt-4 space-y-4">
                            <li>
                                <a href="https://helpdesk.visualsociety.com" class="text-base leading-6 text-gray-500 hover:text-gray-900">
                                    Help Desk
                                </a>
                            </li>
                            <li>
                                <a href="https://visualsociety.com/faq" class="text-base leading-6 text-gray-500 hover:text-gray-900">
                                    FAQ
                                </a>
                            </li>
                            <li>
                                <a href="https://visualsociety.com/contact" class="text-base leading-6 text-gray-500 hover:text-gray-900">
                                    Contact
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="mt-12 md:mt-0">
                        <h4 class="text-sm leading-5 font-semibold text-gray-400 tracking-wider uppercase">
                            Legal
                        </h4>
                        <ul class="mt-4 space-y-4">
                            <li>
                                <a href="https://visualsociety.com/legal/privacy" class="text-base leading-6 text-gray-500 hover:text-gray-900">
                                    Privacy
                                </a>
                            </li>
                            <li>
                                <a href="https://visualsociety.com/legal/terms-of-service" class="text-base leading-6 text-gray-500 hover:text-gray-900">
                                    Terms of Service
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="mt-12 border-t border-gray-200 pt-8">
            <p class="text-base leading-6 text-gray-400 xl:text-center">
                &copy; 2020 VISUALSOCIETY.COM, INC. All rights reserved.
            </p>
        </div>
    </div>
</footer>
	</div>

		<script src="https://js.stripe.com/v3/"></script>
	<script src="https://d1qyb48w8id9ub.cloudfront.net/844d6d8c-62e3-42b2-b9d6-1697173acb7b/frontend/js/app.js?id=88fe20d9c3dbad013887"></script>
	
</body>
</html>
