Merge version_1 into main #2
174
src/app/page.tsx
174
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Kreative Tribe"
|
||||
/>
|
||||
@@ -58,32 +48,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Empowering Your Creative Keystone"
|
||||
description="At Kreative Tribe, we build the digital foundation your brand needs to scale. Innovative design, powerful technology, and unwavering dedication."
|
||||
tag="Creative Agency"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=svqp8n",
|
||||
imageAlt: "creative agency dashboard",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=svqp8n", imageAlt: "creative agency dashboard"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jztj6p",
|
||||
imageAlt: "creative team collaboration",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2jccbi&_wi=1",
|
||||
imageAlt: "creative agency dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zelrn2",
|
||||
imageAlt: "creative workspace minimalist",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jgks77",
|
||||
imageAlt: "happy professional portrait",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jztj6p", imageAlt: "creative team collaboration"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -96,18 +69,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Mission",
|
||||
},
|
||||
type: "text", content: "Our Mission"},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zelrn2",
|
||||
alt: "creative workspace minimalist",
|
||||
},
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zelrn2", alt: "creative workspace minimalist"},
|
||||
{
|
||||
type: "text",
|
||||
content: "is to bridge the gap between imagination and reality for every project we undertake.",
|
||||
},
|
||||
type: "text", content: "is to bridge the gap between imagination and reality for every project we undertake."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,34 +85,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Design",
|
||||
title: "Brand Strategy",
|
||||
items: [
|
||||
"Logo Design",
|
||||
"Identity Systems",
|
||||
"Guidelines",
|
||||
],
|
||||
id: "f1", label: "Design", title: "Brand Strategy", items: [
|
||||
"Logo Design", "Identity Systems", "Guidelines"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Tech",
|
||||
title: "Digital Products",
|
||||
items: [
|
||||
"Custom Web Apps",
|
||||
"UI/UX Design",
|
||||
"E-commerce",
|
||||
],
|
||||
id: "f2", label: "Tech", title: "Digital Products", items: [
|
||||
"Custom Web Apps", "UI/UX Design", "E-commerce"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Content",
|
||||
title: "Digital Strategy",
|
||||
items: [
|
||||
"SEO Growth",
|
||||
"Content Creation",
|
||||
"Marketing Strategy",
|
||||
],
|
||||
id: "f3", label: "Content", title: "Digital Strategy", items: [
|
||||
"SEO Growth", "Content Creation", "Marketing Strategy"],
|
||||
},
|
||||
]}
|
||||
title="Our Expertise"
|
||||
@@ -162,33 +110,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Brand Identity",
|
||||
price: "$2,500",
|
||||
variant: "Premium",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q1l0ut",
|
||||
},
|
||||
id: "p1", name: "Brand Identity", price: "$2,500", variant: "Premium", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q1l0ut"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Web Platform",
|
||||
price: "$5,000",
|
||||
variant: "Enterprise",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uqow5w",
|
||||
},
|
||||
id: "p2", name: "Web Platform", price: "$5,000", variant: "Enterprise", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uqow5w"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Strategy Sprint",
|
||||
price: "$1,200",
|
||||
variant: "Kickstart",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m7q4fw",
|
||||
},
|
||||
id: "p3", name: "Strategy Sprint", price: "$1,200", variant: "Kickstart", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m7q4fw"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Full Agency",
|
||||
price: "$10,000",
|
||||
variant: "All-in",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2jccbi&_wi=2",
|
||||
},
|
||||
id: "p4", name: "Full Agency", price: "$10,000", variant: "All-in", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2jccbi"},
|
||||
]}
|
||||
title="Creative Packages"
|
||||
description="Select from our curated service bundles to get started."
|
||||
@@ -203,25 +131,15 @@ export default function LandingPage() {
|
||||
author="Sarah Jenkins, CEO"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jgks77",
|
||||
alt: "happy professional portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jgks77", alt: "happy professional portrait"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kjkwac",
|
||||
alt: "young tech designer",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kjkwac", alt: "young tech designer"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vgmdkm",
|
||||
alt: "business portrait outdoor",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vgmdkm", alt: "business portrait outdoor"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=htxsem",
|
||||
alt: "creative lead portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=htxsem", alt: "creative lead portrait"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3wp7n0",
|
||||
alt: "content strategist portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3wp7n0", alt: "content strategist portrait"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -234,20 +152,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do we start?",
|
||||
content: "Book a discovery call through our contact form.",
|
||||
},
|
||||
id: "q1", title: "How do we start?", content: "Book a discovery call through our contact form."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is the timeline?",
|
||||
content: "Most projects take 4-8 weeks depending on scope.",
|
||||
},
|
||||
id: "q2", title: "What is the timeline?", content: "Most projects take 4-8 weeks depending on scope."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you support startups?",
|
||||
content: "Yes, we love working with early-stage ventures.",
|
||||
},
|
||||
id: "q3", title: "Do you support startups?", content: "Yes, we love working with early-stage ventures."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Learn more about our agency processes."
|
||||
@@ -259,8 +168,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Connect"
|
||||
title="Start Your Project"
|
||||
description="Ready to build something great with us?"
|
||||
@@ -271,29 +179,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/kreativetribe",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/kreativetribe"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user