diff --git a/src/app/page.tsx b/src/app/page.tsx index 7e7e2d4..80c5089 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -64,6 +64,7 @@ export default function LandingPage() { ]} title="Why Choose Hupp Painting?" description="We pride ourselves on providing a premium painting experience for every customer." + cardClassName="border border-accent" /> @@ -79,6 +80,7 @@ export default function LandingPage() { ]} title="Our Services" description="Professional solutions to maintain and improve your home's aesthetic value." + cardClassName="border border-accent" /> @@ -87,6 +89,7 @@ export default function LandingPage() { useInvertedBackground={true} title="Hupp Painting - Dunedin's Painting Experts" buttons={[{ text: "Visit hupppainting.com", href: "https://hupppainting.com" }]} + className="bg-background-accent text-foreground" /> @@ -101,6 +104,7 @@ export default function LandingPage() { ]} title="5.0 Star Reputation" description="Our neighbors trust us with their homes." + cardClassName="bg-card border border-accent" /> @@ -110,8 +114,8 @@ export default function LandingPage() { title="Get Your Free Estimate Today" description="Visit us at 918 Gulf View Blvd, Dunedin, FL, or call (727) 330-1821 to get started." buttons={[{ text: "Call Now: (727) 330-1821", href: "tel:7273301821" }]} - background={{ variant: "plain" }} - useInvertedBackground={false} + background={{ variant: "sparkles-gradient" }} + useInvertedBackground={true} /> @@ -129,4 +133,4 @@ export default function LandingPage() { ); -} +} \ No newline at end of file diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index e632bf5..d2d1dd9 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -13,12 +13,12 @@ --background: #ffffff; --card: #f9f9f9; --foreground: #000612; - --primary-cta: #FF7B05; + --primary-cta: #15479c; --primary-cta-text: #ffffff; - --secondary-cta: #15479c; + --secondary-cta: #FF7B05; --secondary-cta-text: #ffffff; --accent: #e2e2e2; - --background-accent: #f9f9f9; + --background-accent: #f1f8ff; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);