Comprehensive branding for the Pizarro Youth and Family Alliance, fostering community and growth.
{"props":{"pageProps":{"data":{"name":"Pizarro Youth and Family Alliance Branding","page_id":"805400c6","seo_data":null,"social_meta":null,"translate":{},"robot_settings":null,"workspace_robot_settings":{},"favicon":null,"content":null,"html":"\u003c!DOCTYPE html\u003e\n\u003chtml lang=\"en\"\u003e\n\u003chead\u003e\n \u003cmeta charset=\"UTF-8\"\u003e\n \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n \u003ctitle\u003ePizarro Youth and Family Alliance Branding\u003c/title\u003e\n \u003clink href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css\" rel=\"stylesheet\"\u003e\n \u003cscript src=\"https://cdn.tailwindcss.com\"\u003e\u003c/script\u003e\n \u003cstyle\u003e\n body {\n font-family: 'Arial', sans-serif;\n background-color: #f0f8ff; /* Light blue watercolor */\n color: #333;\n }\n .section-title::before {\n content: '';\n position: absolute;\n top: -15px;\n left: 0;\n width: 100%;\n height: 1px;\n background: linear-gradient(to right, transparent, rgba(0,0,0,0.1), transparent);\n }\n .content-box {\n background-color: rgba(255, 255, 255, 0.8);\n backdrop-filter: blur(10px);\n border-radius: 1rem;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n }\n .card-shadow {\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n }\n .tooltip {\n position: relative;\n display: inline-block;\n cursor: pointer;\n }\n .tooltip .tooltiptext {\n visibility: hidden;\n width: 160px;\n background-color: #555;\n color: #fff;\n text-align: center;\n border-radius: 6px;\n padding: 5px 0;\n position: absolute;\n z-index: 1;\n bottom: 125%;\n left: 50%;\n margin-left: -80px;\n opacity: 0;\n transition: opacity 0.3s;\n }\n .tooltip .tooltiptext::after {\n content: \"\";\n position: absolute;\n top: 100%;\n left: 50%;\n margin-left: -5px;\n border-width: 5px;\n border-style: solid;\n border-color: #555 transparent transparent transparent;\n }\n .tooltip:hover .tooltiptext {\n visibility: visible;\n opacity: 1;\n }\n .gradient-text {\n background: linear-gradient(to right, #0077b6, #023e8a);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n \u003c/style\u003e\n\u003c/head\u003e\n\u003cbody class=\"antialiased\"\u003e\n\n \u003c!-- Header --\u003e\n \u003cheader class=\"py-8 bg-gradient-to-b from-blue-900 to-blue-700 text-white shadow-lg\"\u003e\n \u003cdiv class=\"container mx-auto px-6 flex justify-between items-center\"\u003e\n \u003cdiv class=\"flex items-center space-x-4\"\u003e\n \u003cimg src=\"data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='50' fill='%23023e8a' /%3E%3Cpath d='M50 25 L25 50 L50 75 L75 50 Z' fill='%2390e0ef' /%3E%3Ccircle cx='50' cy='50' r='15' fill='%23caf0f8' /%3E%3C/svg%3E\" alt=\"Logo Icon\" class=\"h-12 w-12\"\u003e\n \u003ch1 class=\"text-3xl font-bold tracking-tight\"\u003ePizarro Youth and Family Alliance\u003c/h1\u003e\n \u003c/div\u003e\n \u003cnav class=\"space-x-6 hidden md:block\"\u003e\n \u003ca href=\"#stationery\" class=\"hover:text-blue-300 transition duration-300\"\u003eStationery\u003c/a\u003e\n \u003ca href=\"#logo\" class=\"hover:text-blue-300 transition duration-300\"\u003eLogo \u0026 Branding\u003c/a\u003e\n \u003ca href=\"#applications\" class=\"hover:text-blue-300 transition duration-300\"\u003eApplications\u003c/a\u003e\n \u003ca href=\"#styleguide\" class=\"hover:text-blue-300 transition duration-300\"\u003eStyle Guide\u003c/a\u003e\n \u003c/nav\u003e\n \u003cbutton class=\"md:hidden text-3xl focus:outline-none\"\u003e\u003ci class=\"bi bi-list\"\u003e\u003c/i\u003e\u003c/button\u003e\n \u003c/div\u003e\n \u003c/header\u003e\n\n \u003c!-- Hero Section --\u003e\n \u003csection class=\"relative h-[70vh] overflow-hidden bg-gradient-to-br from-sky-100 via-blue-50 to-sky-200\"\u003e\n \u003cdiv class=\"container mx-auto px-6 h-full flex flex-col justify-center items-center text-center relative z-10\"\u003e\n \u003ch2 class=\"text-5xl lg:text-6xl font-extrabold mb-4 leading-tight gradient-text\"\u003e\n Building Futures Together\n \u003c/h2\u003e\n \u003cp class=\"text-xl lg:text-2xl text-gray-700 max-w-3xl mx-auto\"\u003e\n Comprehensive branding for the Pizarro Youth and Family Alliance, fostering community and growth.\n \u003c/p\u003e\n \u003cdiv class=\"mt-8\"\u003e\n \u003ca href=\"#stationery\" class=\"bg-blue-700 hover:bg-blue-800 text-white font-bold py-3 px-8 rounded","mainCss":null,"sectionCss":null,"form_id":null,"gdpr":null,"badge":null,"header_script":"","body_script":null,"redirect_url":null,"webhook":null,"page_type":"general","builder_type":"canvas"}},"__N_SSP":true},"page":"/[slug]","query":{"slug":"pizarro-branding-gadjm9c6kkk"},"buildId":"u37vICyHbDZA5qcApTrL5","isFallback":false,"isExperimentalCompile":false,"gssp":true,"scriptLoader":[]} 