mirror of
https://github.com/jjbrunton/Sauci.git
synced 2026-11-01 18:19:43 +00:00
Reposition app as relationship improvement tool
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
jjbruntonandClaude Opus 4.5 committed
1 parent
9402369246
commit
a6b3b6a251
11 files changed
+243
-238
No files matched your search
@@ -3,8 +3,8 @@
|
||||
import { useEffect, useState } from 'react'
|
||||
import Image from 'next/image'
|
||||
import { motion } from 'framer-motion'
|
||||
import { Sparkles, Play } from 'lucide-react'
|
||||
|
||||
import { Sparkles, Play } from 'lucide-react'
|
||||
|
||||
|
||||
export default function Hero() {
|
||||
const [hasScrolled, setHasScrolled] = useState(false)
|
||||
@@ -45,21 +45,21 @@ export default function Hero() {
|
||||
</motion.div>
|
||||
|
||||
<h1 className="text-4xl sm:text-5xl lg:text-6xl xl:text-7xl font-bold leading-tight mb-6">
|
||||
Discover What You{' '}
|
||||
<span className="gradient-text">Both Desire</span>
|
||||
Grow Closer{' '}
|
||||
<span className="gradient-text">Together</span>
|
||||
</h1>
|
||||
|
||||
<p className="text-lg sm:text-xl text-white/70 max-w-xl mx-auto lg:mx-0 mb-8">
|
||||
Swipe on intimate questions with your partner. When you both say yes,
|
||||
it's a match. Start conversations you've always wanted to have.
|
||||
Answer thoughtful questions with your partner. When you both agree,
|
||||
it's a match. Start meaningful conversations that strengthen your bond.
|
||||
</p>
|
||||
|
||||
<div className="flex flex-col sm:flex-row flex-wrap items-center justify-center lg:justify-start gap-4">
|
||||
|
||||
<div className="flex flex-col sm:flex-row flex-wrap items-center justify-center lg:justify-start gap-4">
|
||||
|
||||
{/* Official App Store Badge */}
|
||||
<a
|
||||
href="https://apps.apple.com/gb/app/sauci-couple-games-romance/id6757159885"
|
||||
target="_blank"
|
||||
<a
|
||||
href="https://apps.apple.com/gb/app/sauci-couple-games-romance/id6757159885"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="transition-transform hover:scale-105 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background rounded-xl"
|
||||
aria-label="Download on the App Store"
|
||||
@@ -88,27 +88,27 @@ export default function Hero() {
|
||||
d="M37.826 8.731a2.64 2.64 0 0 1 2.808 2.965c0 1.906-1.03 3.002-2.808 3.002h-2.155V8.73Zm-1.228 5.123h1.125a1.876 1.876 0 0 0 1.967-2.146 1.881 1.881 0 0 0-1.967-2.134h-1.125ZM41.68 12.444a2.133 2.133 0 1 1 4.248 0 2.134 2.134 0 1 1-4.247 0Zm3.334 0c0-.976-.439-1.547-1.208-1.547-.773 0-1.207.571-1.207 1.547 0 .984.434 1.55 1.207 1.55.77 0 1.208-.57 1.208-1.55ZM51.573 14.698h-.922l-.93-3.317h-.07l-.927 3.317h-.913l-1.242-4.503h.902l.806 3.436h.067l.925-3.436h.852l.926 3.436h.07l.803-3.436h.889ZM53.854 10.195h.855v.715h.066a1.348 1.348 0 0 1 1.344-.802 1.465 1.465 0 0 1 1.559 1.675v2.915h-.889v-2.692c0-.724-.314-1.084-.972-1.084a1.033 1.033 0 0 0-1.075 1.141v2.635h-.888ZM59.094 8.437h.888v6.26h-.888ZM61.218 12.444a2.133 2.133 0 1 1 4.247 0 2.134 2.134 0 1 1-4.247 0Zm3.333 0c0-.976-.439-1.547-1.208-1.547-.773 0-1.207.571-1.207 1.547 0 .984.435 1.55 1.207 1.55.77 0 1.208-.57 1.208-1.55ZM66.4 13.424c0-.81.604-1.278 1.676-1.344l1.22-.07v-.389c0-.476-.315-.744-.922-.744-.497 0-.84.182-.939.5h-.86c.09-.773.818-1.27 1.84-1.27 1.128 0 1.765.563 1.765 1.514v3.077h-.855v-.633h-.07a1.515 1.515 0 0 1-1.353.707 1.36 1.36 0 0 1-1.501-1.348Zm2.895-.384v-.377l-1.1.07c-.62.042-.9.253-.9.65 0 .405.351.64.834.64a1.062 1.062 0 0 0 1.166-.983ZM71.348 12.444c0-1.423.732-2.324 1.87-2.324a1.484 1.484 0 0 1 1.38.79h.067V8.437h.888v6.26h-.851v-.71h-.07a1.563 1.563 0 0 1-1.415.785c-1.145 0-1.869-.901-1.869-2.328Zm.918 0c0 .955.45 1.53 1.203 1.53.75 0 1.212-.583 1.212-1.526 0-.938-.468-1.53-1.212-1.53-.748 0-1.203.58-1.203 1.526ZM79.23 12.444a2.133 2.133 0 1 1 4.247 0 2.134 2.134 0 1 1-4.248 0Zm3.333 0c0-.976-.439-1.547-1.208-1.547-.773 0-1.207.571-1.207 1.547 0 .984.435 1.55 1.207 1.55.77 0 1.208-.57 1.208-1.55ZM84.67 10.195h.855v.715h.066a1.348 1.348 0 0 1 1.344-.802 1.465 1.465 0 0 1 1.559 1.675v2.915h-.889v-2.692c0-.724-.314-1.084-.972-1.084a1.033 1.033 0 0 0-1.075 1.141v2.635h-.888ZM93.515 9.074v1.141h.976v.749h-.976v2.315c0 .472.195.678.637.678.113 0 .226-.007.339-.02v.74a2.95 2.95 0 0 1-.484.046c-.988 0-1.381-.348-1.381-1.216v-2.543h-.715v-.749h.715V9.074ZM95.705 8.437h.88v2.481h.07a1.386 1.386 0 0 1 1.374-.806 1.483 1.483 0 0 1 1.55 1.679v2.907h-.889V12.01c0-.72-.335-1.084-.963-1.084a1.052 1.052 0 0 0-1.134 1.142v2.63h-.888ZM104.761 13.482a1.828 1.828 0 0 1-1.95 1.303 2.045 2.045 0 0 1-2.081-2.325 2.077 2.077 0 0 1 2.076-2.352c1.253 0 2.009.856 2.009 2.27v.31h-3.18v.05a1.19 1.19 0 0 0 1.2 1.29 1.08 1.08 0 0 0 1.07-.546Zm-3.126-1.451h2.275a1.086 1.086 0 0 0-1.109-1.167 1.152 1.152 0 0 0-1.166 1.167Z"
|
||||
fill="#fff"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="https://play.google.com/store/apps/details?id=com.sauci.app"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="h-[50px] inline-flex items-center gap-3 rounded-xl bg-black/80 border border-white/10 px-5 transition-transform hover:scale-105 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background"
|
||||
aria-label="Get it on Google Play"
|
||||
>
|
||||
<Play className="w-6 h-6 text-white" />
|
||||
<span className="flex flex-col leading-none">
|
||||
<span className="text-[10px] tracking-wide text-white/60">GET IT ON</span>
|
||||
<span className="text-sm font-semibold text-white">Google Play</span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<a href="#how-it-works" className="btn-secondary flex items-center gap-2 w-full sm:w-auto justify-center">
|
||||
See How It Works
|
||||
</a>
|
||||
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
<a
|
||||
href="https://play.google.com/store/apps/details?id=com.sauci.app"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
className="h-[50px] inline-flex items-center gap-3 rounded-xl bg-black/80 border border-white/10 px-5 transition-transform hover:scale-105 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background"
|
||||
aria-label="Get it on Google Play"
|
||||
>
|
||||
<Play className="w-6 h-6 text-white" />
|
||||
<span className="flex flex-col leading-none">
|
||||
<span className="text-[10px] tracking-wide text-white/60">GET IT ON</span>
|
||||
<span className="text-sm font-semibold text-white">Google Play</span>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<a href="#how-it-works" className="btn-secondary flex items-center gap-2 w-full sm:w-auto justify-center">
|
||||
See How It Works
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</motion.div>
|
||||
|
||||
|
||||
Reference in new issue
Block a user