@@ -36,10 +36,7 @@ export default function Brand() {
3636 < div className = "h-40 sm:h-56 xl:h-64 rounded-2xl bg-gray-200 mb-6 flex items-center justify-center p-6" >
3737 < Logo title = "Headless UI" component = { JavaisticLogo } />
3838 </ div >
39- < p >
40- Completely unstyled, fully accessible UI components, designed to integrate beautifully
41- with Javaistic.
42- </ p >
39+
4340 < div className = "flex flex-wrap space-y-2 sm:space-y-0 sm:space-x-4 text-center mt-4 mb-4 " >
4441 < Link href = "/" >
4542 < a className = "w-full sm:w-auto flex-none bg-blue-700 hover:bg-blue-600 text-white text-lg shadow-md leading-6 font-semibold py-3 px-6 border border-transparent rounded-xl focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-blue-600 focus:outline-none transition-colors duration-200" >
@@ -60,10 +57,7 @@ export default function Brand() {
6057 < div className = "h-40 sm:h-56 xl:h-64 rounded-2xl bg-gray-900 mb-6 flex items-center justify-center p-6" >
6158 < Logo title = "Headless UI" component = { JavaisticAltLogo } />
6259 </ div >
63- < p >
64- Completely unstyled, fully accessible UI components, designed to integrate beautifully
65- with Javaistic.
66- </ p >
60+
6761 < div className = "flex flex-wrap space-y-2 sm:space-y-0 sm:space-x-4 text-center mt-4 mb-4 " >
6862 < Link href = "/" >
6963 < a className = "w-full sm:w-auto flex-none bg-blue-700 hover:bg-blue-600 text-white text-lg shadow-md leading-6 font-semibold py-3 px-6 border border-transparent rounded-xl focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-blue-600 focus:outline-none transition-colors duration-200" >
@@ -87,10 +81,7 @@ export default function Brand() {
8781 < div className = "h-40 sm:h-56 xl:h-64 rounded-2xl bg-gray-200 mb-6 flex items-center justify-center p-6" >
8882 < Logo title = "Headless UI" component = { JavaisticBlackLogo } />
8983 </ div >
90- < p >
91- Completely unstyled, fully accessible UI components, designed to integrate beautifully
92- with Javaistic.
93- </ p >
84+
9485 < div className = "flex flex-wrap space-y-2 sm:space-y-0 sm:space-x-4 text-center mt-4 mb-4 " >
9586 < Link href = "/" >
9687 < a className = "w-full sm:w-auto flex-none bg-blue-700 hover:bg-blue-600 text-white text-lg shadow-md leading-6 font-semibold py-3 px-6 border border-transparent rounded-xl focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-blue-600 focus:outline-none transition-colors duration-200" >
@@ -114,10 +105,7 @@ export default function Brand() {
114105 >
115106 < Logo title = "Headless UI" component = { JavaisticWhiteLogo } />
116107 </ a >
117- < p >
118- Completely unstyled, fully accessible UI components, designed to integrate beautifully
119- with Javaistic.
120- </ p >
108+
121109 < div className = "flex flex-wrap space-y-2 sm:space-y-0 sm:space-x-4 text-center mt-4 mb-4 " >
122110 < Link href = "/" >
123111 < a className = "w-full sm:w-auto flex-none bg-blue-700 hover:bg-blue-600 text-white text-lg shadow-md leading-6 font-semibold py-3 px-6 border border-transparent rounded-xl focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-blue-600 focus:outline-none transition-colors duration-200" >
0 commit comments