Merge version_1 into main #2
181
src/app/page.tsx
181
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="WebCraft"
|
||||
/>
|
||||
@@ -57,35 +49,21 @@ export default function LandingPage() {
|
||||
description="Transform your business with high-performance, custom-built websites that scale."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-light-long-blue-room_181624-345.jpg?_wi=1",
|
||||
imageAlt: "Workspace",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-light-long-blue-room_181624-345.jpg", imageAlt: "Workspace"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139241.jpg?_wi=1",
|
||||
imageAlt: "Network",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139241.jpg", imageAlt: "Network"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-using-green-screen-computer-working-server-farm_482257-118316.jpg?_wi=1",
|
||||
imageAlt: "Design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-using-green-screen-computer-working-server-farm_482257-118316.jpg", imageAlt: "Design"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-hacker-celebrating-phishing-achievement-pc-feeling-happy-about-stealing-passwords-night-skilled-spy-enjoying-cyberattack-success-with-malware-break-firewall_482257-66409.jpg",
|
||||
imageAlt: "Developer",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-hacker-celebrating-phishing-achievement-pc-feeling-happy-about-stealing-passwords-night-skilled-spy-enjoying-cyberattack-success-with-malware-break-firewall_482257-66409.jpg", imageAlt: "Developer"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg",
|
||||
imageAlt: "Cloud",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg", imageAlt: "Cloud"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mockup-pcs-data-center-control-hardware-energy-usage-using-node-tree-tech_482257-126735.jpg",
|
||||
imageAlt: "Server",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mockup-pcs-data-center-control-hardware-energy-usage-using-node-tree-tech_482257-126735.jpg", imageAlt: "Server"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,28 +83,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Web Development",
|
||||
description: "High performance custom websites.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Code,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-light-long-blue-room_181624-345.jpg?_wi=2",
|
||||
imageAlt: "web development workspace futuristic",
|
||||
title: "Web Development", description: "High performance custom websites.", bentoComponent: "reveal-icon", icon: Code,
|
||||
},
|
||||
{
|
||||
title: "SEO Optimization",
|
||||
description: "Rank higher in search results.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Search,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139241.jpg?_wi=2",
|
||||
imageAlt: "digital network connection abstract",
|
||||
title: "SEO Optimization", description: "Rank higher in search results.", bentoComponent: "reveal-icon", icon: Search,
|
||||
},
|
||||
{
|
||||
title: "Analytics Dashboard",
|
||||
description: "Track your success.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineer-using-green-screen-computer-working-server-farm_482257-118316.jpg?_wi=2",
|
||||
imageAlt: "modern web interface design",
|
||||
},
|
||||
title: "Analytics Dashboard", description: "Track your success.", bentoComponent: "animated-bar-chart"},
|
||||
]}
|
||||
title="Comprehensive Solutions"
|
||||
description="From custom development to ongoing maintenance, we've got you covered."
|
||||
@@ -140,52 +103,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "$1,999",
|
||||
name: "Starter",
|
||||
buttons: [
|
||||
id: "basic", price: "$1,999", name: "Starter", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Responsive Design",
|
||||
"5 Pages",
|
||||
"Basic SEO",
|
||||
],
|
||||
"Responsive Design", "5 Pages", "Basic SEO"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$4,999",
|
||||
name: "Professional",
|
||||
buttons: [
|
||||
id: "pro", price: "$4,999", name: "Professional", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Advanced SEO",
|
||||
"Unlimited Pages",
|
||||
"Priority Support",
|
||||
],
|
||||
"Advanced SEO", "Unlimited Pages", "Priority Support"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
price: "$9,999",
|
||||
name: "Enterprise",
|
||||
buttons: [
|
||||
id: "enterprise", price: "$9,999", name: "Enterprise", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Select", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"E-Commerce",
|
||||
"Full Analytics",
|
||||
"Dedicated Manager",
|
||||
],
|
||||
"E-Commerce", "Full Analytics", "Dedicated Manager"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
@@ -200,45 +139,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
handle: "@sarah",
|
||||
testimonial: "Excellent service!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah", handle: "@sarah", testimonial: "Excellent service!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike",
|
||||
handle: "@mike",
|
||||
testimonial: "Highly professional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-piece_23-2149020795.jpg",
|
||||
},
|
||||
id: "2", name: "Mike", handle: "@mike", testimonial: "Highly professional.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-piece_23-2149020795.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Anna",
|
||||
handle: "@anna",
|
||||
testimonial: "Transformed our site.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-holding-bottle-beer-after-work-office-fun-activity-with-colleagues-cheerful-person-drinking-alcoholic-beverage-while-celebrating-with-friends-after-hours_482257-27455.jpg",
|
||||
},
|
||||
id: "3", name: "Anna", handle: "@anna", testimonial: "Transformed our site.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-holding-bottle-beer-after-work-office-fun-activity-with-colleagues-cheerful-person-drinking-alcoholic-beverage-while-celebrating-with-friends-after-hours_482257-27455.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dave",
|
||||
handle: "@dave",
|
||||
testimonial: "Best in class.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-away-holding-laptop_23-2148308516.jpg",
|
||||
},
|
||||
id: "4", name: "Dave", handle: "@dave", testimonial: "Best in class.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-away-holding-laptop_23-2148308516.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena",
|
||||
handle: "@elena",
|
||||
testimonial: "Great attention to detail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204367.jpg",
|
||||
},
|
||||
id: "5", name: "Elena", handle: "@elena", testimonial: "Great attention to detail.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204367.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by Clients"
|
||||
@@ -250,14 +164,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to get started? Let's talk about your next project."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:hello@webcraft.com",
|
||||
},
|
||||
text: "Email Us", href: "mailto:hello@webcraft.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -268,29 +179,19 @@ export default function LandingPage() {
|
||||
logoText="WebCraft"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user