Merge version_1 into main #2
304
src/app/page.tsx
304
src/app/page.tsx
@@ -30,26 +30,16 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "portfolio"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
]}
|
||||
button={{
|
||||
text: "Let's Talk",
|
||||
href: "contact",
|
||||
}}
|
||||
text: "Let's Talk", href: "contact"}}
|
||||
brandName="Wevby"
|
||||
/>
|
||||
</div>
|
||||
@@ -57,102 +47,57 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Designs That Don't Just Look Good - They Convert"
|
||||
description="I help businesses grow with high-converting websites, powerful branding, and smart email marketing that turns visitors into loyal customers."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@sarah_j",
|
||||
testimonial: "The best design experience I've had. My conversions skyrocketed!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg",
|
||||
},
|
||||
name: "Sarah Jenkins", handle: "@sarah_j", testimonial: "The best design experience I've had. My conversions skyrocketed!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqjTxYE13wa2V1A9wyDtNHAWAB/uploaded-1777460592588-ob0rhc4p.png"},
|
||||
{
|
||||
name: "Marcus Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Incredible vision and execution. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
|
||||
},
|
||||
name: "Marcus Chen", handle: "@mchen", testimonial: "Incredible vision and execution. Highly recommend.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqjTxYE13wa2V1A9wyDtNHAWAB/uploaded-1777460592588-ob0rhc4p.png"},
|
||||
{
|
||||
name: "Alex Rivet",
|
||||
handle: "@rivet",
|
||||
testimonial: "We saw a 40% growth in leads within just two weeks.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",
|
||||
},
|
||||
name: "Alex Rivet", handle: "@rivet", testimonial: "We saw a 40% growth in leads within just two weeks.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqjTxYE13wa2V1A9wyDtNHAWAB/uploaded-1777460592588-ob0rhc4p.png"},
|
||||
{
|
||||
name: "Jordan P.",
|
||||
handle: "@jp_biz",
|
||||
testimonial: "Professional, fast, and delivered exactly what we needed to scale.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg",
|
||||
},
|
||||
name: "Jordan P.", handle: "@jp_biz", testimonial: "Professional, fast, and delivered exactly what we needed to scale.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqjTxYE13wa2V1A9wyDtNHAWAB/uploaded-1777460592588-ob0rhc4p.png"},
|
||||
{
|
||||
name: "Elena M.",
|
||||
handle: "@elena_design",
|
||||
testimonial: "Transformed our brand identity overnight. Simply amazing results.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg",
|
||||
},
|
||||
name: "Elena M.", handle: "@elena_design", testimonial: "Transformed our brand identity overnight. Simply amazing results.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqjTxYE13wa2V1A9wyDtNHAWAB/uploaded-1777460592588-ob0rhc4p.png"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
{
|
||||
text: "View My Work",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "View My Work", href: "#portfolio"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqjTxYE13wa2V1A9wyDtNHAWAB/uploaded-1777460592588-ob0rhc4p.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqjTxYE13wa2V1A9wyDtNHAWAB/uploaded-1777460592588-ob0rhc4p.png"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg",
|
||||
alt: "Client avatar 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg", alt: "Client avatar 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg",
|
||||
alt: "Client avatar 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg", alt: "Client avatar 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",
|
||||
alt: "Client avatar 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", alt: "Client avatar 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
alt: "Client avatar 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Client avatar 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-dressed-stylish-blue-suit-grey-background_613910-3785.jpg",
|
||||
alt: "Client avatar 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-male-dressed-stylish-blue-suit-grey-background_613910-3785.jpg", alt: "Client avatar 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "High Conversion",
|
||||
},
|
||||
type: "text", text: "High Conversion"},
|
||||
{
|
||||
type: "text",
|
||||
text: "UI/UX Expert",
|
||||
},
|
||||
type: "text", text: "UI/UX Expert"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Web Strategy",
|
||||
},
|
||||
type: "text", text: "Web Strategy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "SEO Optimized",
|
||||
},
|
||||
type: "text", text: "SEO Optimized"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Growth Driven",
|
||||
},
|
||||
type: "text", text: "Growth Driven"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,20 +110,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Web Development",
|
||||
description: "Custom coded solutions, mobile-first, and highly optimized.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seo-optimization-3d-render-cartoon-illustration_107791-16996.jpg?_wi=1",
|
||||
},
|
||||
title: "Web Development", description: "Custom coded solutions, mobile-first, and highly optimized.", imageSrc: "http://img.b2bpic.net/free-photo/seo-optimization-3d-render-cartoon-illustration_107791-16996.jpg"},
|
||||
{
|
||||
title: "UI/UX Design",
|
||||
description: "User-centric layouts that prioritize conversion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/luxury-social-media-logo-collection_23-2148311391.jpg",
|
||||
},
|
||||
title: "UI/UX Design", description: "User-centric layouts that prioritize conversion.", imageSrc: "http://img.b2bpic.net/free-vector/luxury-social-media-logo-collection_23-2148311391.jpg"},
|
||||
{
|
||||
title: "Marketing",
|
||||
description: "Conversion-focused strategies to get results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/25-design-thinking-line-icon-pack-vector-icons-illustration_1142-17839.jpg",
|
||||
},
|
||||
title: "Marketing", description: "Conversion-focused strategies to get results.", imageSrc: "http://img.b2bpic.net/free-vector/25-design-thinking-line-icon-pack-vector-icons-illustration_1142-17839.jpg"},
|
||||
]}
|
||||
title="What I do"
|
||||
description="Comprehensive design solutions tailored to scale your business."
|
||||
@@ -187,64 +123,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Studio",
|
||||
name: "Modern SaaS Platform",
|
||||
price: "View Project",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqjTxYE13wa2V1A9wyDtNHAWAB/uploaded-1777460592588-ob0rhc4p.png?_wi=2",
|
||||
},
|
||||
id: "p1", brand: "Studio", name: "Modern SaaS Platform", price: "View Project", rating: 5,
|
||||
reviewCount: "10", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqjTxYE13wa2V1A9wyDtNHAWAB/uploaded-1777460592588-ob0rhc4p.png"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "E-Com",
|
||||
name: "Fashion Store",
|
||||
price: "View Project",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-freelancer-recording-podcast-episode-sound-station-with-live-broadcasting-equipment-talking-audience-microphone-creating-social-media-channel-content-filming-livestream-vlog_482257-50377.jpg",
|
||||
},
|
||||
id: "p2", brand: "E-Com", name: "Fashion Store", price: "View Project", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/asian-freelancer-recording-podcast-episode-sound-station-with-live-broadcasting-equipment-talking-audience-microphone-creating-social-media-channel-content-filming-livestream-vlog_482257-50377.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Health",
|
||||
name: "Wellness App",
|
||||
price: "View Project",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seo-optimization-3d-render-cartoon-illustration_107791-16996.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", brand: "Health", name: "Wellness App", price: "View Project", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/seo-optimization-3d-render-cartoon-illustration_107791-16996.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Fintech",
|
||||
name: "Banking UI",
|
||||
price: "View Project",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-clock-with-smartphone-keyboard-cyber-monday_23-2148657666.jpg",
|
||||
},
|
||||
id: "p4", brand: "Fintech", name: "Banking UI", price: "View Project", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/top-view-clock-with-smartphone-keyboard-cyber-monday_23-2148657666.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Travel",
|
||||
name: "Resort Booking",
|
||||
price: "View Project",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg?_wi=1",
|
||||
},
|
||||
id: "p5", brand: "Travel", name: "Resort Booking", price: "View Project", rating: 5,
|
||||
reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Tech",
|
||||
name: "Dev Portal",
|
||||
price: "View Project",
|
||||
rating: 5,
|
||||
reviewCount: "9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg?_wi=1",
|
||||
},
|
||||
id: "p6", brand: "Tech", name: "Dev Portal", price: "View Project", rating: 5,
|
||||
reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg"},
|
||||
]}
|
||||
title="Explore My Work"
|
||||
description="A curated collection of my most impactful design projects."
|
||||
@@ -258,50 +159,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
title: "Starter Package",
|
||||
price: "$499",
|
||||
period: "once",
|
||||
features: [
|
||||
"Mobile responsive",
|
||||
"SEO setup",
|
||||
"1 logo concept",
|
||||
],
|
||||
id: "starter", title: "Starter Package", price: "$499", period: "once", features: [
|
||||
"Mobile responsive", "SEO setup", "1 logo concept"],
|
||||
button: {
|
||||
text: "Let's Talk",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/binary-code-digits-technology-software-concept_53876-121041.jpg",
|
||||
},
|
||||
text: "Let's Talk"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/binary-code-digits-technology-software-concept_53876-121041.jpg"},
|
||||
{
|
||||
id: "growth",
|
||||
title: "Growth Package",
|
||||
price: "$899",
|
||||
period: "once",
|
||||
features: [
|
||||
"6-8 page website",
|
||||
"Conversion layout",
|
||||
"Branding kit",
|
||||
],
|
||||
id: "growth", title: "Growth Package", price: "$899", period: "once", features: [
|
||||
"6-8 page website", "Conversion layout", "Branding kit"],
|
||||
button: {
|
||||
text: "Let's Talk",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pill-organizer-with-copy-space_23-2148441904.jpg",
|
||||
},
|
||||
text: "Let's Talk"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pill-organizer-with-copy-space_23-2148441904.jpg"},
|
||||
{
|
||||
id: "premium",
|
||||
title: "Premium Brand",
|
||||
price: "$1499",
|
||||
period: "once",
|
||||
features: [
|
||||
"15 page website",
|
||||
"Strategy talk",
|
||||
"Full launch support",
|
||||
],
|
||||
id: "premium", title: "Premium Brand", price: "$1499", period: "once", features: [
|
||||
"15 page website", "Strategy talk", "Full launch support"],
|
||||
button: {
|
||||
text: "Let's Talk",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-black-friday-assortment-black-background-with-copy-space_23-2148665581.jpg",
|
||||
},
|
||||
text: "Let's Talk"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-black-friday-assortment-black-background-with-copy-space_23-2148665581.jpg"},
|
||||
]}
|
||||
title="Choose Your Favorite Plan"
|
||||
description="Transparent pricing to get your project moving today."
|
||||
@@ -316,45 +190,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Smith",
|
||||
role: "CEO",
|
||||
company: "Innovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", name: "Alice Smith", role: "CEO", company: "Innovate", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-serious-bearded-male-wearing-elegant-suit-dark-background_613910-11332.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob Jones",
|
||||
role: "CTO",
|
||||
company: "Techy",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg?_wi=2",
|
||||
},
|
||||
id: "t2", name: "Bob Jones", role: "CTO", company: "Techy", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Charlie Brown",
|
||||
role: "Founder",
|
||||
company: "Biz",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
|
||||
},
|
||||
id: "t3", name: "Charlie Brown", role: "Founder", company: "Biz", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Diana Prince",
|
||||
role: "Director",
|
||||
company: "Growth",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-dressed-stylish-blue-suit-grey-background_613910-13680.jpg",
|
||||
},
|
||||
id: "t4", name: "Diana Prince", role: "Director", company: "Growth", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-dressed-stylish-blue-suit-grey-background_613910-13680.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Edward Norton",
|
||||
role: "Manager",
|
||||
company: "Labs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204367.jpg",
|
||||
},
|
||||
id: "t5", name: "Edward Norton", role: "Manager", company: "Labs", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204367.jpg"},
|
||||
]}
|
||||
title="Know Me From Others"
|
||||
description="Trusted by ambitious founders and brands worldwide."
|
||||
@@ -365,8 +214,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
variant: "rotated-rays-animated-grid"}}
|
||||
tag="Let's Work Together"
|
||||
title="Ready to launch your project?"
|
||||
description="Tell me about your business goals and let's create something exceptional together."
|
||||
@@ -379,25 +227,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
label: "Portfolio", href: "#portfolio"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user