diff --git a/src/app/page.tsx b/src/app/page.tsx index 1f825dc..2be80ac 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -67,13 +67,17 @@ export default function LandingPage() { tag="The Problem" features={[ { - id: "problem-1", title: "Pretty But Powerless", description: "Most freelancers and agencies build visually stunning sites that look great but don't convert visitors into leads or sales. They prioritize aesthetics over strategy.", imageSrc: "http://img.b2bpic.net/free-photo/distraught-entrepreneur-working-home-holding-his-head-pain-while-reading-text-message-cell-phone_637285-5985.jpg?_wi=1", imageAlt: "frustrated business owner looking at poor website metrics"}, + id: "problem-1", title: "Pretty But Powerless", description: "Most freelancers and agencies build visually stunning sites that look great but don't convert visitors into leads or sales. They prioritize aesthetics over strategy.", imageSrc: "http://img.b2bpic.net/free-photo/distraught-entrepreneur-working-home-holding-his-head-pain-while-reading-text-message-cell-phone_637285-5985.jpg?_wi=1", imageAlt: "frustrated business owner looking at poor website metrics" + }, { - id: "problem-2", title: "No Clear Message", description: "Without strong brand strategy and clear messaging, visitors leave confused about what you do and why they should choose you. Your website becomes a digital brochure instead of a sales tool.", imageSrc: "http://img.b2bpic.net/free-photo/distraught-entrepreneur-working-home-holding-his-head-pain-while-reading-text-message-cell-phone_637285-5985.jpg?_wi=2", imageAlt: "frustrated business owner looking at poor website metrics"}, + id: "problem-2", title: "No Clear Message", description: "Without strong brand strategy and clear messaging, visitors leave confused about what you do and why they should choose you. Your website becomes a digital brochure instead of a sales tool.", imageSrc: "http://img.b2bpic.net/free-photo/distraught-entrepreneur-working-home-holding-his-head-pain-while-reading-text-message-cell-phone_637285-5985.jpg?_wi=2", imageAlt: "frustrated business owner looking at poor website metrics" + }, { - id: "problem-3", title: "Expensive & Slow", description: "Agencies are expensive, slow, and treat you like another project. They don't understand your business deeply enough to create something truly strategic and conversion-focused.", imageSrc: "http://img.b2bpic.net/free-photo/distraught-entrepreneur-working-home-holding-his-head-pain-while-reading-text-message-cell-phone_637285-5985.jpg?_wi=3", imageAlt: "frustrated business owner looking at poor website metrics"}, + id: "problem-3", title: "Expensive & Slow", description: "Agencies are expensive, slow, and treat you like another project. They don't understand your business deeply enough to create something truly strategic and conversion-focused.", imageSrc: "http://img.b2bpic.net/free-photo/distraught-entrepreneur-working-home-holding-his-head-pain-while-reading-text-message-cell-phone_637285-5985.jpg?_wi=3", imageAlt: "frustrated business owner looking at poor website metrics" + }, { - id: "problem-4", title: "Cheap Shortcuts", description: "Budget freelancers deliver cookie-cutter templates and don't invest time in understanding your competitive position or growth goals. You get what you pay for.", imageSrc: "http://img.b2bpic.net/free-photo/distraught-entrepreneur-working-home-holding-his-head-pain-while-reading-text-message-cell-phone_637285-5985.jpg?_wi=4", imageAlt: "frustrated business owner looking at poor website metrics"}, + id: "problem-4", title: "Cheap Shortcuts", description: "Budget freelancers deliver cookie-cutter templates and don't invest time in understanding your competitive position or growth goals. You get what you pay for.", imageSrc: "http://img.b2bpic.net/free-photo/distraught-entrepreneur-working-home-holding-his-head-pain-while-reading-text-message-cell-phone_637285-5985.jpg?_wi=4", imageAlt: "frustrated business owner looking at poor website metrics" + }, ]} gridVariant="two-columns-alternating-heights" animationType="slide-up" @@ -89,13 +93,17 @@ export default function LandingPage() { tag="Process" features={[ { - id: "approach-1", title: "Deep Business Discovery", description: "I start by understanding your business, competitive landscape, target audience, and growth goals. Strategy before design. This is where most projects get it wrong.", imageSrc: "http://img.b2bpic.net/free-photo/workers-getting-back-office_23-2149161631.jpg?_wi=1", imageAlt: "strategic planning business strategy workshop"}, + id: "approach-1", title: "Deep Business Discovery", description: "I start by understanding your business, competitive landscape, target audience, and growth goals. Strategy before design. This is where most projects get it wrong.", imageSrc: "http://img.b2bpic.net/free-photo/workers-getting-back-office_23-2149161631.jpg?_wi=1", imageAlt: "strategic planning business strategy workshop" + }, { - id: "approach-2", title: "Clear Brand Strategy", description: "We develop a compelling brand narrative that differentiates you from competitors and clearly communicates your value. Your messaging becomes your competitive advantage.", imageSrc: "http://img.b2bpic.net/free-photo/workers-getting-back-office_23-2149161631.jpg?_wi=2", imageAlt: "strategic planning business strategy workshop"}, + id: "approach-2", title: "Clear Brand Strategy", description: "We develop a compelling brand narrative that differentiates you from competitors and clearly communicates your value. Your messaging becomes your competitive advantage.", imageSrc: "http://img.b2bpic.net/free-photo/workers-getting-back-office_23-2149161631.jpg?_wi=2", imageAlt: "strategic planning business strategy workshop" + }, { - id: "approach-3", title: "Conversion-Focused Design", description: "Every design decision is intentional. Layout, typography, colors, and CTAs are optimized to guide visitors toward your desired action. Beauty serves purpose.", imageSrc: "http://img.b2bpic.net/free-photo/workers-getting-back-office_23-2149161631.jpg?_wi=3", imageAlt: "strategic planning business strategy workshop"}, + id: "approach-3", title: "Conversion-Focused Design", description: "Every design decision is intentional. Layout, typography, colors, and CTAs are optimized to guide visitors toward your desired action. Beauty serves purpose.", imageSrc: "http://img.b2bpic.net/free-photo/workers-getting-back-office_23-2149161631.jpg?_wi=3", imageAlt: "strategic planning business strategy workshop" + }, { - id: "approach-4", title: "Built in Framer", description: "I develop your site in Framer for performance, flexibility, and beautiful animations. You get a cutting-edge digital experience that rivals agency-built sites.", imageSrc: "http://img.b2bpic.net/free-photo/workers-getting-back-office_23-2149161631.jpg?_wi=4", imageAlt: "strategic planning business strategy workshop"}, + id: "approach-4", title: "Built in Framer", description: "I develop your site in Framer for performance, flexibility, and beautiful animations. You get a cutting-edge digital experience that rivals agency-built sites.", imageSrc: "http://img.b2bpic.net/free-photo/workers-getting-back-office_23-2149161631.jpg?_wi=4", imageAlt: "strategic planning business strategy workshop" + }, ]} gridVariant="four-items-2x2-equal-grid" animationType="slide-up" @@ -117,19 +125,22 @@ export default function LandingPage() { id: "strategic-redesign", tag: "Website Redesign", tagIcon: Sparkles, price: "$12,000", period: "–", description: "Complete website audit, strategy refinement, and conversion-optimized redesign. Perfect for existing businesses ready to upgrade.", button: { text: "Get Started", href: "#contact" }, featuresTitle: "What's Included:", features: [ - "Complete website audit & competitor analysis", "Brand strategy refinement", "Conversion-focused design & redesign", "Framer development & deployment", "Unlimited revisions during project", "3 months support & optimization"], + "Complete website audit & competitor analysis", "Brand strategy refinement", "Conversion-focused design & redesign", "Framer development & deployment", "Unlimited revisions during project", "3 months support & optimization" + ], }, { id: "strategic-design", tag: "New Website", tagIcon: CheckCircle, price: "$15,000", period: "–", description: "Brand strategy, design, and development from scratch. Ideal for startups and new business launches seeking strong market positioning.", button: { text: "Get Started", href: "#contact" }, featuresTitle: "What's Included:", features: [ - "In-depth business discovery & market research", "Complete brand strategy development", "Strategic website design in Figma", "Framer development & deployment", "Copy optimization for conversions", "Advanced animations & interactions", "3 months ongoing support"], + "In-depth business discovery & market research", "Complete brand strategy development", "Strategic website design in Figma", "Framer development & deployment", "Copy optimization for conversions", "Advanced animations & interactions", "3 months ongoing support" + ], }, { id: "brand-strategy", tag: "Brand Only", tagIcon: Shield, price: "$5,000", period: "–", description: "Standalone brand strategy package for clarity and positioning. Great as a foundation before design or to refine existing messaging.", button: { text: "Get Started", href: "#contact" }, featuresTitle: "What's Included:", features: [ - "Brand positioning workshop", "Competitive landscape analysis", "Core messaging framework", "Value proposition development", "Brand guidelines document", "Strategy presentation deck"], + "Brand positioning workshop", "Competitive landscape analysis", "Core messaging framework", "Value proposition development", "Brand guidelines document", "Strategy presentation deck" + ], }, ]} /> @@ -145,11 +156,14 @@ export default function LandingPage() { useInvertedBackground={false} metrics={[ { - id: "case-1", value: "+340%", title: "Lead Generation Increase", description: "E-commerce brand's inquiry rate doubled within 3 months of launch", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-card-laptop-mock-up_23-2148304997.jpg", imageAlt: "successful ecommerce website redesign conversion"}, + id: "case-1", value: "+340%", title: "Lead Generation Increase", description: "E-commerce brand's inquiry rate doubled within 3 months of launch", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-card-laptop-mock-up_23-2148304997.jpg", imageAlt: "successful ecommerce website redesign conversion" + }, { - id: "case-2", value: "+2.5x", title: "Conversion Rate", description: "Service business saw revenue impact directly tied to site redesign", imageSrc: "http://img.b2bpic.net/free-psd/business-concept_23-2150288615.jpg", imageAlt: "modern agency website portfolio showcase"}, + id: "case-2", value: "+2.5x", title: "Conversion Rate", description: "Service business saw revenue impact directly tied to site redesign", imageSrc: "http://img.b2bpic.net/free-psd/business-concept_23-2150288615.jpg", imageAlt: "modern agency website portfolio showcase" + }, { - id: "case-3", value: "8 weeks", title: "Time to Value", description: "From discovery to launch, delivering results faster than agencies", imageSrc: "http://img.b2bpic.net/free-vector/travel-landing-page-template-with-photo_23-2148492830.jpg", imageAlt: "luxury brand website design showcase"}, + id: "case-3", value: "8 weeks", title: "Time to Value", description: "From discovery to launch, delivering results faster than agencies", imageSrc: "http://img.b2bpic.net/free-vector/travel-landing-page-template-with-photo_23-2148492830.jpg", imageAlt: "luxury brand website design showcase" + }, ]} /> diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index d12c3c0..52fdca3 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #f7f6f7; - --card: #ffffff; - --foreground: #250c0d; - --primary-cta: #b82b40; + --background: #ffffff; + --card: #f9f9f9; + --foreground: #000612e6; + --primary-cta: #2563EB; --primary-cta-text: #f7f6f7; - --secondary-cta: #ffffff; + --secondary-cta: #f9f9f9; --secondary-cta-text: #250c0d; - --accent: #b90941; - --background-accent: #e8a8b6; + --accent: #2563EB; + --background-accent: #2563EB; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);