Merge version_2 into main #2
@@ -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>
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user