4 Commits

Author SHA1 Message Date
99ea6d5980 Merge version_2 into main
Merge version_2 into main
2026-03-09 01:16:40 +00:00
6b42f5b3d0 Update src/app/styles/variables.css 2026-03-09 01:16:36 +00:00
dfc9bf0f31 Update src/app/page.tsx 2026-03-09 01:16:36 +00:00
2c796fd90c Merge version_1 into main
Merge version_1 into main
2026-03-09 01:12:44 +00:00
2 changed files with 35 additions and 21 deletions

View File

@@ -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"
},
]}
/>
</div>

View File

@@ -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);