Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| fa019b2e67 | |||
| fd744eb66f |
169
src/app/page.tsx
169
src/app/page.tsx
@@ -29,45 +29,31 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "#hero"},
|
||||||
id: "#hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Our Work",
|
name: "Our Work", id: "#portfolio"},
|
||||||
id: "#portfolio",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Pricing",
|
name: "Pricing", id: "#pricing"},
|
||||||
id: "#pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "#contact"},
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="[WEBUILD]"
|
brandName="[WEBUILD]"
|
||||||
button={{
|
button={{
|
||||||
text: "Start a Project",
|
text: "Start a Project"}}
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardScroll
|
<HeroBillboardScroll
|
||||||
background={{
|
background={{
|
||||||
variant: "animated-grid",
|
variant: "animated-grid"}}
|
||||||
}}
|
|
||||||
title="We Build the Future, One Website at a Time"
|
title="We Build the Future, One Website at a Time"
|
||||||
description="Premium digital experiences for businesses that refuse to be ordinary."
|
description="Premium digital experiences for businesses that refuse to be ordinary."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "See Our Work",
|
text: "See Our Work", href: "#portfolio"},
|
||||||
href: "#portfolio",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Get a Quote",
|
text: "Get a Quote", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-technology-background-with-flowing-particles_1048-13264.jpg?_wi=1"
|
imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-technology-background-with-flowing-particles_1048-13264.jpg?_wi=1"
|
||||||
/>
|
/>
|
||||||
@@ -81,41 +67,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "NovaTrade", price: "Finance Platform", imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg?_wi=1"},
|
||||||
name: "NovaTrade",
|
|
||||||
price: "Finance Platform",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Lumière", price: "Luxury Restaurant", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-nutritional-counter-app-composition_23-2149880622.jpg?_wi=1"},
|
||||||
name: "Lumière",
|
|
||||||
price: "Luxury Restaurant",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-nutritional-counter-app-composition_23-2149880622.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "OrbitSaaS", price: "Project Management", imageSrc: "http://img.b2bpic.net/free-photo/man-switching-bulbs-using-voice-command-tablet_482257-8730.jpg?_wi=1"},
|
||||||
name: "OrbitSaaS",
|
|
||||||
price: "Project Management",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-switching-bulbs-using-voice-command-tablet_482257-8730.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "TechMarket", price: "E-Commerce", imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoy-online-shopping_53876-71210.jpg?_wi=1"},
|
||||||
name: "TechMarket",
|
|
||||||
price: "E-Commerce",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoy-online-shopping_53876-71210.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "BizGrowth", price: "Corporate SaaS", imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104511.jpg?_wi=1"},
|
||||||
name: "BizGrowth",
|
|
||||||
price: "Corporate SaaS",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104511.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "6",
|
id: "6", name: "ArtStudio", price: "Creative Studio", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345415.jpg"},
|
||||||
name: "ArtStudio",
|
|
||||||
price: "Creative Studio",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345415.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="PORTFOLIO"
|
title="PORTFOLIO"
|
||||||
description="Premium digital experiences for businesses that refuse to be ordinary."
|
description="Premium digital experiences for businesses that refuse to be ordinary."
|
||||||
@@ -129,58 +91,28 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "starter",
|
id: "starter", name: "Starter", price: "£999", buttons: [
|
||||||
name: "Starter",
|
|
||||||
price: "£999",
|
|
||||||
buttons: [
|
|
||||||
{
|
{
|
||||||
text: "Get Started",
|
text: "Get Started", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
features: [
|
features: [
|
||||||
"5-page site",
|
"5-page site", "Mobile responsive", "Basic SEO", "2 revision rounds"],
|
||||||
"Mobile responsive",
|
|
||||||
"Basic SEO",
|
|
||||||
"2 revision rounds",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "growth",
|
id: "growth", name: "Growth", price: "£2,499", badge: "Most Popular", buttons: [
|
||||||
name: "Growth",
|
|
||||||
price: "£2,499",
|
|
||||||
badge: "Most Popular",
|
|
||||||
buttons: [
|
|
||||||
{
|
{
|
||||||
text: "Get Started",
|
text: "Get Started", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
features: [
|
features: [
|
||||||
"Up to 15 pages",
|
"Up to 15 pages", "Custom animations", "CMS integration", "Priority support", "5 revision rounds"],
|
||||||
"Custom animations",
|
|
||||||
"CMS integration",
|
|
||||||
"Priority support",
|
|
||||||
"5 revision rounds",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "elite",
|
id: "elite", name: "Elite", price: "Custom", buttons: [
|
||||||
name: "Elite",
|
|
||||||
price: "Custom",
|
|
||||||
buttons: [
|
|
||||||
{
|
{
|
||||||
text: "Get Started",
|
text: "Get Started", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
features: [
|
features: [
|
||||||
"Full bespoke build",
|
"Full bespoke build", "E-commerce", "Advanced animations", "Dedicated project manager", "Unlimited revisions"],
|
||||||
"E-commerce",
|
|
||||||
"Advanced animations",
|
|
||||||
"Dedicated project manager",
|
|
||||||
"Unlimited revisions",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="PRICING"
|
title="PRICING"
|
||||||
@@ -198,35 +130,15 @@ export default function LandingPage() {
|
|||||||
description="The minds behind the digital evolution."
|
description="The minds behind the digital evolution."
|
||||||
members={[
|
members={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Elena V.", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg?_wi=2"},
|
||||||
name: "Elena V.",
|
|
||||||
role: "Creative Director",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Marcus J.", role: "Lead Developer", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-nutritional-counter-app-composition_23-2149880622.jpg?_wi=2"},
|
||||||
name: "Marcus J.",
|
|
||||||
role: "Lead Developer",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-nutritional-counter-app-composition_23-2149880622.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Sarah L.", role: "UX Strategist", imageSrc: "http://img.b2bpic.net/free-photo/man-switching-bulbs-using-voice-command-tablet_482257-8730.jpg?_wi=2"},
|
||||||
name: "Sarah L.",
|
|
||||||
role: "UX Strategist",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-switching-bulbs-using-voice-command-tablet_482257-8730.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "David K.", role: "Visual Designer", imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoy-online-shopping_53876-71210.jpg?_wi=2"},
|
||||||
name: "David K.",
|
|
||||||
role: "Visual Designer",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoy-online-shopping_53876-71210.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Chloe M.", role: "Project Manager", imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104511.jpg?_wi=2"},
|
||||||
name: "Chloe M.",
|
|
||||||
role: "Project Manager",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104511.jpg?_wi=2",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -235,8 +147,7 @@ export default function LandingPage() {
|
|||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "animated-grid",
|
variant: "animated-grid"}}
|
||||||
}}
|
|
||||||
tag="Contact Us"
|
tag="Contact Us"
|
||||||
title="LET'S BUILD SOMETHING"
|
title="LET'S BUILD SOMETHING"
|
||||||
description="Ready to bring your future to the web?"
|
description="Ready to bring your future to the web?"
|
||||||
@@ -247,28 +158,20 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterMedia
|
<FooterMedia
|
||||||
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bt3SKyyWLeIjC1XO0qeYIgtMor/uploaded-1775316756798-rlcz4swc.png"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-technology-background-with-flowing-particles_1048-13264.jpg?_wi=2"
|
imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-technology-background-with-flowing-particles_1048-13264.jpg?_wi=2"
|
||||||
logoText="[WEBUILD]"
|
logoText="[WEBUILD]"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Navigation",
|
title: "Navigation", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Home",
|
label: "Home", href: "#hero"},
|
||||||
href: "#hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Portfolio",
|
label: "Portfolio", href: "#portfolio"},
|
||||||
href: "#portfolio",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Pricing",
|
label: "Pricing", href: "#pricing"},
|
||||||
href: "#pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contact",
|
label: "Contact", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -277,4 +180,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user