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
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Our Work",
|
||||
id: "#portfolio",
|
||||
},
|
||||
name: "Our Work", id: "#portfolio"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="[WEBUILD]"
|
||||
button={{
|
||||
text: "Start a Project",
|
||||
}}
|
||||
text: "Start a Project"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
title="We Build the Future, One Website at a Time"
|
||||
description="Premium digital experiences for businesses that refuse to be ordinary."
|
||||
buttons={[
|
||||
{
|
||||
text: "See Our Work",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "See Our Work", href: "#portfolio"},
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
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}
|
||||
products={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
id: "4",
|
||||
name: "TechMarket",
|
||||
price: "E-Commerce",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoy-online-shopping_53876-71210.jpg?_wi=1",
|
||||
},
|
||||
id: "4", name: "TechMarket", price: "E-Commerce", imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoy-online-shopping_53876-71210.jpg?_wi=1"},
|
||||
{
|
||||
id: "5",
|
||||
name: "BizGrowth",
|
||||
price: "Corporate SaaS",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104511.jpg?_wi=1",
|
||||
},
|
||||
id: "5", name: "BizGrowth", price: "Corporate SaaS", imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104511.jpg?_wi=1"},
|
||||
{
|
||||
id: "6",
|
||||
name: "ArtStudio",
|
||||
price: "Creative Studio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345415.jpg",
|
||||
},
|
||||
id: "6", name: "ArtStudio", price: "Creative Studio", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345415.jpg"},
|
||||
]}
|
||||
title="PORTFOLIO"
|
||||
description="Premium digital experiences for businesses that refuse to be ordinary."
|
||||
@@ -129,58 +91,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
name: "Starter",
|
||||
price: "£999",
|
||||
buttons: [
|
||||
id: "starter", name: "Starter", price: "£999", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"5-page site",
|
||||
"Mobile responsive",
|
||||
"Basic SEO",
|
||||
"2 revision rounds",
|
||||
],
|
||||
"5-page site", "Mobile responsive", "Basic SEO", "2 revision rounds"],
|
||||
},
|
||||
{
|
||||
id: "growth",
|
||||
name: "Growth",
|
||||
price: "£2,499",
|
||||
badge: "Most Popular",
|
||||
buttons: [
|
||||
id: "growth", name: "Growth", price: "£2,499", badge: "Most Popular", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Up to 15 pages",
|
||||
"Custom animations",
|
||||
"CMS integration",
|
||||
"Priority support",
|
||||
"5 revision rounds",
|
||||
],
|
||||
"Up to 15 pages", "Custom animations", "CMS integration", "Priority support", "5 revision rounds"],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
name: "Elite",
|
||||
price: "Custom",
|
||||
buttons: [
|
||||
id: "elite", name: "Elite", price: "Custom", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Full bespoke build",
|
||||
"E-commerce",
|
||||
"Advanced animations",
|
||||
"Dedicated project manager",
|
||||
"Unlimited revisions",
|
||||
],
|
||||
"Full bespoke build", "E-commerce", "Advanced animations", "Dedicated project manager", "Unlimited revisions"],
|
||||
},
|
||||
]}
|
||||
title="PRICING"
|
||||
@@ -198,35 +130,15 @@ export default function LandingPage() {
|
||||
description="The minds behind the digital evolution."
|
||||
members={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Visual Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoy-online-shopping_53876-71210.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Visual Designer", imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoy-online-shopping_53876-71210.jpg?_wi=2"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -235,8 +147,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
tag="Contact Us"
|
||||
title="LET'S BUILD SOMETHING"
|
||||
description="Ready to bring your future to the web?"
|
||||
@@ -247,28 +158,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<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"
|
||||
logoText="[WEBUILD]"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
label: "Portfolio", href: "#portfolio"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -277,4 +180,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user