Merge version_1 into main #2
328
src/app/page.tsx
328
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Engineering",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Engineering", id: "features" },
|
||||
{ name: "Projects", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="KodeCraft Co."
|
||||
/>
|
||||
@@ -59,99 +44,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="We Don’t Build Websites. We Engineer Digital Power."
|
||||
description="KodeCraft Co. blends high-performance engineering with luxury design to manifest your digital empire."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elena Vance",
|
||||
handle: "@elena_v",
|
||||
testimonial: "The digital power KodeCraft provided shifted our entire market perception overnight.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus Thorne",
|
||||
handle: "@mthorne",
|
||||
testimonial: "Engineering at its finest. The 3D integration is simply unmatched in the industry.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hacker-secret-hideout-bypassing-firewalls-launching-ddos-attacks-websites-rogue_482257-135963.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah Chen",
|
||||
handle: "@schen_lab",
|
||||
testimonial: "Stepping into KodeCraft's ecosystem is like entering a new dimension of performance.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-cute-handsome-guy-dark-blue-suit-with-tie-smiling-with-phone_140725-161902.jpg",
|
||||
},
|
||||
{
|
||||
name: "David Rossi",
|
||||
handle: "@drossi",
|
||||
testimonial: "Flawless execution. Our project metrics skyrocketed with their engineering approach.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-thoughtful-stylish-businessman-with-serious-face-elegant-formal-suit-glasses-isolated-dark-background_613910-19557.jpg",
|
||||
},
|
||||
{
|
||||
name: "Alex Rivera",
|
||||
handle: "@arivera",
|
||||
testimonial: "A luxury tech experience that exceeded every single expectation we had.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3776.jpg",
|
||||
},
|
||||
{ name: "Elena Vance", handle: "@elena_v", testimonial: "The digital power KodeCraft provided shifted our entire market perception overnight.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg" },
|
||||
{ name: "Marcus Thorne", handle: "@mthorne", testimonial: "Engineering at its finest. The 3D integration is simply unmatched in the industry.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-hacker-secret-hideout-bypassing-firewalls-launching-ddos-attacks-websites-rogue_482257-135963.jpg" },
|
||||
{ name: "Sarah Chen", handle: "@schen_lab", testimonial: "Stepping into KodeCraft's ecosystem is like entering a new dimension of performance.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-man-cute-handsome-guy-dark-blue-suit-with-tie-smiling-with-phone_140725-161902.jpg" },
|
||||
{ name: "David Rossi", handle: "@drossi", testimonial: "Flawless execution. Our project metrics skyrocketed with their engineering approach.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-thoughtful-stylish-businessman-with-serious-face-elegant-formal-suit-glasses-isolated-dark-background_613910-19557.jpg" },
|
||||
{ name: "Alex Rivera", handle: "@arivera", testimonial: "A luxury tech experience that exceeded every single expectation we had.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3776.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Begin Engineering",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-background-extruding-white-hexagons_1048-13903.jpg?_wi=1"
|
||||
buttons={[{ text: "Begin Engineering", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-background-extruding-white-hexagons_1048-13903.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-posing-studio_23-2149486813.jpg",
|
||||
alt: "Executive Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-posing-indoors-side-view_23-2149486815.jpg",
|
||||
alt: "Executive Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-81859.jpg",
|
||||
alt: "Executive Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-pensive-african-american-man-dressed-classic-brown-jacket-standing-studio-dark-background_613910-17787.jpg",
|
||||
alt: "Executive Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg",
|
||||
alt: "Executive Client 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "High-Performance Engineering",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Digital Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Scalability",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Neural AI Innovation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Digital Empire",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-man-posing-studio_23-2149486813.jpg", alt: "Executive Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-posing-indoors-side-view_23-2149486815.jpg", alt: "Executive Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-81859.jpg", alt: "Executive Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-pensive-african-american-man-dressed-classic-brown-jacket-standing-studio-dark-background_613910-17787.jpg", alt: "Executive Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg", alt: "Executive Client 5" },
|
||||
]}
|
||||
marqueeItems={[{ type: "text", text: "High-Performance Engineering" }, { type: "text", text: "Luxury Digital Design" }, { type: "text", text: "Precision Scalability" }, { type: "text", text: "Neural AI Innovation" }, { type: "text", text: "Global Digital Empire" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -163,51 +75,28 @@ export default function LandingPage() {
|
||||
description="At KodeCraft, we treat every line of code as an element of a larger, intelligent brain. We prioritize precision and scalability to ensure your platform remains at the cutting edge of digital performance."
|
||||
subdescription="Our values are forged in the fires of high-performance tech: Innovation, Precision, and Persistence."
|
||||
icon={Database}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-holographic-layering_23-2150491099.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-holographic-layering_23-2150491099.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Web Engineering",
|
||||
description: "Interactive global platforms engineered with the latest 3D frameworks.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901770.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dark-earth-space_23-2151051276.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-extruding-white-hexagons_1048-13903.jpg?_wi=2",
|
||||
imageAlt: "digital globe 3d web development",
|
||||
title: "Web Engineering", description: "Interactive global platforms engineered with the latest 3D frameworks.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/programming-background-collage_23-2149901770.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dark-earth-space_23-2151051276.jpg" }
|
||||
},
|
||||
{
|
||||
title: "App Simulation",
|
||||
description: "High-velocity mobile applications built for responsive precision.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clean-cartoon-phone-back-left-view_187299-36617.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/good-humored-brunette-woman-right-summer-dress-hat-using-smartphone-yellow-wall_291650-986.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-holographic-layering_23-2150491099.jpg?_wi=2",
|
||||
imageAlt: "digital globe 3d web development",
|
||||
title: "App Simulation", description: "High-velocity mobile applications built for responsive precision.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/clean-cartoon-phone-back-left-view_187299-36617.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/good-humored-brunette-woman-right-summer-dress-hat-using-smartphone-yellow-wall_291650-986.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Neural AI Core",
|
||||
description: "Adaptive intelligence that scales your business processes effortlessly.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/no-people-contemporary-building-exterior-skyscraper-design-concept_53876-124197.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-black-gold-laser-lights-perfect-digital-wallpaper_181624-23750.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-asian-colleagues-standing-by-window-with-charts-diagrams_1098-20207.jpg?_wi=1",
|
||||
imageAlt: "digital globe 3d web development",
|
||||
title: "Neural AI Core", description: "Adaptive intelligence that scales your business processes effortlessly.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/no-people-contemporary-building-exterior-skyscraper-design-concept_53876-124197.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-black-gold-laser-lights-perfect-digital-wallpaper_181624-23750.jpg" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -223,48 +112,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Quantum Grid",
|
||||
price: "High Precision",
|
||||
variant: "Enterprise",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-asian-colleagues-standing-by-window-with-charts-diagrams_1098-20207.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Velocity Core",
|
||||
price: "High Precision",
|
||||
variant: "SaaS",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Neural Nexus",
|
||||
price: "High Precision",
|
||||
variant: "AI",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-low-poly-background-with-dark-connecting-dots-lines_1048-6127.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cyber Shield",
|
||||
price: "High Precision",
|
||||
variant: "Security",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-connecting-dots-digital-network-design_53876-160267.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Logic Flow",
|
||||
price: "High Precision",
|
||||
variant: "Enterprise",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-touching-mobile-with-world-map_1232-1103.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Data Stream",
|
||||
price: "High Precision",
|
||||
variant: "Fintech",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-company-analyst-office-watching-business-presentation-pc_482257-118998.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Quantum Grid", price: "High Precision", variant: "Enterprise", imageSrc: "http://img.b2bpic.net/free-photo/two-asian-colleagues-standing-by-window-with-charts-diagrams_1098-20207.jpg" },
|
||||
{ id: "p2", name: "Velocity Core", price: "High Precision", variant: "SaaS", imageSrc: "http://img.b2bpic.net/free-photo/modern-workspace-with-analytical-data-dashboards-displayed-devices_482257-126633.jpg" },
|
||||
{ id: "p3", name: "Neural Nexus", price: "High Precision", variant: "AI", imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-low-poly-background-with-dark-connecting-dots-lines_1048-6127.jpg" },
|
||||
{ id: "p4", name: "Cyber Shield", price: "High Precision", variant: "Security", imageSrc: "http://img.b2bpic.net/free-photo/abstract-technology-background-connecting-dots-digital-network-design_53876-160267.jpg" },
|
||||
{ id: "p5", name: "Logic Flow", price: "High Precision", variant: "Enterprise", imageSrc: "http://img.b2bpic.net/free-photo/hands-touching-mobile-with-world-map_1232-1103.jpg" },
|
||||
{ id: "p6", name: "Data Stream", price: "High Precision", variant: "Fintech", imageSrc: "http://img.b2bpic.net/free-photo/young-company-analyst-office-watching-business-presentation-pc_482257-118998.jpg" },
|
||||
]}
|
||||
title="Project Showroom"
|
||||
description="Visualizing global impact through our interactive project map interface."
|
||||
@@ -278,21 +131,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.99%",
|
||||
description: "System Reliability",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Nodes Deployed",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Continuous Monitoring",
|
||||
},
|
||||
{ id: "m1", value: "99.99%", description: "System Reliability" },
|
||||
{ id: "m2", value: "500+", description: "Nodes Deployed" },
|
||||
{ id: "m3", value: "24/7", description: "Continuous Monitoring" },
|
||||
]}
|
||||
title="Performance Standards"
|
||||
description="Our engineering stats defined by real-time precision."
|
||||
@@ -303,31 +144,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t-1",
|
||||
name: "Alex Rivera",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
|
||||
},
|
||||
{
|
||||
id: "t-2",
|
||||
name: "Elena Vance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg",
|
||||
},
|
||||
{
|
||||
id: "t-3",
|
||||
name: "Marcus Thorne",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
||||
},
|
||||
{
|
||||
id: "t-4",
|
||||
name: "Sarah Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-chair_23-2149213192.jpg",
|
||||
},
|
||||
{
|
||||
id: "t-5",
|
||||
name: "David Rossi",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overweight-man-glasses-wearing-black-t-shirt-holding-notebook-writing-something-with-serious-face-blue_141793-58544.jpg",
|
||||
},
|
||||
{ id: "t-1", name: "Alex Rivera", imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg" },
|
||||
{ id: "t-2", name: "Elena Vance", imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg" },
|
||||
{ id: "t-3", name: "Marcus Thorne", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg" },
|
||||
{ id: "t-4", name: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-chair_23-2149213192.jpg" },
|
||||
{ id: "t-5", name: "David Rossi", imageSrc: "http://img.b2bpic.net/free-photo/overweight-man-glasses-wearing-black-t-shirt-holding-notebook-writing-something-with-serious-face-blue_141793-58544.jpg" },
|
||||
]}
|
||||
cardTitle="Client Manifestations"
|
||||
cardTag="Endorsements"
|
||||
@@ -339,21 +160,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is KodeCraft engineering?",
|
||||
content: "We bridge the gap between creative design and raw, high-performance logic.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do you handle scalability?",
|
||||
content: "Our modular infrastructure design scales automatically with your usage requirements.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you use AI?",
|
||||
content: "Yes, we integrate bespoke neural AI cores into every complex platform we build.",
|
||||
},
|
||||
{ id: "q1", title: "What is KodeCraft engineering?", content: "We bridge the gap between creative design and raw, high-performance logic." },
|
||||
{ id: "q2", title: "How do you handle scalability?", content: "Our modular infrastructure design scales automatically with your usage requirements." },
|
||||
{ id: "q3", title: "Do you use AI?", content: "Yes, we integrate bespoke neural AI cores into every complex platform we build." },
|
||||
]}
|
||||
sideTitle="Tech Lab Queries"
|
||||
sideDescription="Get answers on our engineering process."
|
||||
@@ -364,17 +173,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ready to Engineer?"
|
||||
title="Start Your Project"
|
||||
description="The gold button pulses for a reason. Connect with our engineering lab now."
|
||||
buttons={[
|
||||
{
|
||||
text: "Initiate Connection",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Initiate Connection" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -382,42 +185,21 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#products",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Projects", href: "#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Engineering",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Tech Stack",
|
||||
href: "#",
|
||||
},
|
||||
title: "Engineering", items: [
|
||||
{ label: "Services", href: "#features" },
|
||||
{ label: "Tech Stack", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Ethics",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Ethics", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user