Merge version_1 into main #2
351
src/app/page.tsx
351
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="EliteDesign"
|
||||
/>
|
||||
@@ -55,97 +43,30 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Crafting Digital Excellence for Tomorrow's Leaders"
|
||||
description="We build premium, high-conversion websites that define your brand and drive results. Ready to elevate your digital presence?"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivers",
|
||||
handle: "@arivers",
|
||||
testimonial: "The most sophisticated web design partner I've encountered.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-suit-standing-near-window_53876-96138.jpg?_wi=1",
|
||||
imageAlt: "dark abstract luxury background gold",
|
||||
},
|
||||
{
|
||||
name: "Elena Vance",
|
||||
handle: "@evance",
|
||||
testimonial: "Truly elevated our brand image through incredible design.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29668.jpg",
|
||||
imageAlt: "dark abstract luxury background gold",
|
||||
},
|
||||
{
|
||||
name: "Marcello Conti",
|
||||
handle: "@mconti",
|
||||
testimonial: "Exceptional communication and high-end results.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-associates-meeting-using-isolated-chroma-key-display_482257-122860.jpg?_wi=1",
|
||||
imageAlt: "dark abstract luxury background gold",
|
||||
},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sjones",
|
||||
testimonial: "A seamless development experience from start to finish.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg?_wi=1",
|
||||
imageAlt: "dark abstract luxury background gold",
|
||||
},
|
||||
{
|
||||
name: "Marcus Thorne",
|
||||
handle: "@mthorne",
|
||||
testimonial: "The absolute benchmark for professional corporate design.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-particle-design_1048-13547.jpg?_wi=1",
|
||||
imageAlt: "dark abstract luxury background gold",
|
||||
},
|
||||
{ name: "Alex Rivers", handle: "@arivers", testimonial: "The most sophisticated web design partner I've encountered.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-suit-standing-near-window_53876-96138.jpg" },
|
||||
{ name: "Elena Vance", handle: "@evance", testimonial: "Truly elevated our brand image through incredible design.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29668.jpg" },
|
||||
{ name: "Marcello Conti", handle: "@mconti", testimonial: "Exceptional communication and high-end results.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-associates-meeting-using-isolated-chroma-key-display_482257-122860.jpg" },
|
||||
{ name: "Sarah J.", handle: "@sjones", testimonial: "A seamless development experience from start to finish.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg" },
|
||||
{ name: "Marcus Thorne", handle: "@mthorne", testimonial: "The absolute benchmark for professional corporate design.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-particle-design_1048-13547.jpg" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businessman-suit-standing-near-window_53876-96138.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businessman-suit-standing-near-window_53876-96138.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-tablet-close-up-table_1303-22695.jpg",
|
||||
alt: "Man working on tablet close up at the table",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/silhouette-people-city_23-2149211270.jpg",
|
||||
alt: "Silhouette of people in the city",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg",
|
||||
alt: "Portrait of confident businesswoman at the office",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-young-woman-with-eyeglasses_23-2148452643.jpg",
|
||||
alt: "Professional young woman with eyeglasses",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-suit-cope-arrangement-happiness_1134-978.jpg",
|
||||
alt: "cheerful suit cope arrangement happiness",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-working-tablet-close-up-table_1303-22695.jpg", alt: "Man working on tablet" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/silhouette-people-city_23-2149211270.jpg", alt: "Silhouette of people" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg", alt: "Businesswoman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/professional-young-woman-with-eyeglasses_23-2148452643.jpg", alt: "Professional young woman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-suit-cope-arrangement-happiness_1134-978.jpg", alt: "Cheerful suit" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Next.js Architecture",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Performance Scaling",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Design Systems",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Strategic Branding",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Corporate Innovation",
|
||||
},
|
||||
{ type: "text", text: "Next.js Architecture" },
|
||||
{ type: "text", text: "Performance Scaling" },
|
||||
{ type: "text", text: "Global Design Systems" },
|
||||
{ type: "text", text: "Strategic Branding" },
|
||||
{ type: "text", text: "Corporate Innovation" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -154,19 +75,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Redefining Digital",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29668.jpg",
|
||||
alt: "Design Studio",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "Presence Through Precision",
|
||||
},
|
||||
{ type: "text", content: "Redefining Digital" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29668.jpg", alt: "Design Studio" },
|
||||
{ type: "text", content: "Presence Through Precision" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -177,36 +88,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
label: "Design",
|
||||
title: "Corporate UI/UX",
|
||||
items: [
|
||||
"Design Systems",
|
||||
"Conversion Strategy",
|
||||
"User Journey Mapping",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
label: "Development",
|
||||
title: "High-End Code",
|
||||
items: [
|
||||
"Next.js Performance",
|
||||
"Robust Architecture",
|
||||
"Responsive Systems",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
label: "Strategy",
|
||||
title: "Brand Identity",
|
||||
items: [
|
||||
"Positioning",
|
||||
"Visual Guidelines",
|
||||
"Art Direction",
|
||||
],
|
||||
},
|
||||
{ id: "s1", label: "Design", title: "Corporate UI/UX", items: ["Design Systems", "Conversion Strategy", "User Journey Mapping"] },
|
||||
{ id: "s2", label: "Development", title: "High-End Code", items: ["Next.js Performance", "Robust Architecture", "Responsive Systems"] },
|
||||
{ id: "s3", label: "Strategy", title: "Brand Identity", items: ["Positioning", "Visual Guidelines", "Art Direction"] }
|
||||
]}
|
||||
title="Core Design Expertise"
|
||||
description="Comprehensive design solutions tailored to scale your enterprise business efficiently."
|
||||
@@ -215,52 +99,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Global FinTech Hub",
|
||||
price: "Featured",
|
||||
variant: "Corporate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-associates-meeting-using-isolated-chroma-key-display_482257-122860.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Eco SaaS Platform",
|
||||
price: "Featured",
|
||||
variant: "SaaS",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Luxury Retail Web",
|
||||
price: "Featured",
|
||||
variant: "E-Comm",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-particle-design_1048-13547.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "AI Analytics Portal",
|
||||
price: "Featured",
|
||||
variant: "Product",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-business-card_23-2149277809.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Healthcare Provider UI",
|
||||
price: "Featured",
|
||||
variant: "B2B",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Creative Agency Site",
|
||||
price: "Featured",
|
||||
variant: "Portfolio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/programming-background-with-html_23-2150038838.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Global FinTech Hub", price: "Featured", variant: "Corporate", imageSrc: "http://img.b2bpic.net/free-photo/business-associates-meeting-using-isolated-chroma-key-display_482257-122860.jpg" },
|
||||
{ id: "p2", name: "Eco SaaS Platform", price: "Featured", variant: "SaaS", imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg" },
|
||||
{ id: "p3", name: "Luxury Retail Web", price: "Featured", variant: "E-Comm", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-background-with-flowing-particle-design_1048-13547.jpg" },
|
||||
{ id: "p4", name: "AI Analytics Portal", price: "Featured", variant: "Product", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-business-card_23-2149277809.jpg" },
|
||||
{ id: "p5", name: "Healthcare Provider UI", price: "Featured", variant: "B2B", imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg" },
|
||||
{ id: "p6", name: "Creative Agency Site", price: "Featured", variant: "Portfolio", imageSrc: "http://img.b2bpic.net/free-photo/programming-background-with-html_23-2150038838.jpg" }
|
||||
]}
|
||||
title="Selected Work Showcase"
|
||||
description="A curated collection of our most successful corporate digital projects."
|
||||
@@ -273,27 +122,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "45%",
|
||||
title: "Conversion Lift",
|
||||
description: "Average increase in lead generation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-kit-collection_23-2149203473.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200+",
|
||||
title: "Hours Saved",
|
||||
description: "Operational efficiency improvements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/remote-woman-working-modern-house-giving-voice-command-tablet-with-smart-home-application-lights-turning_482257-2265.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Client Retention",
|
||||
description: "High level of ongoing partnerships.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-cyber-particles_1048-12445.jpg",
|
||||
},
|
||||
{ id: "m1", value: "45%", title: "Conversion Lift", description: "Average increase in lead generation.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-kit-collection_23-2149203473.jpg" },
|
||||
{ id: "m2", value: "200+", title: "Hours Saved", description: "Operational efficiency improvements.", imageSrc: "http://img.b2bpic.net/free-photo/remote-woman-working-modern-house-giving-voice-command-tablet-with-smart-home-application-lights-turning_482257-2265.jpg" },
|
||||
{ id: "m3", value: "100%", title: "Client Retention", description: "High level of ongoing partnerships.", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-cyber-particles_1048-12445.jpg" }
|
||||
]}
|
||||
title="Proven Impact Numbers"
|
||||
description="Our work consistently delivers measurable value for every corporate partner."
|
||||
@@ -306,41 +137,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahm",
|
||||
testimonial: "Transformed our enterprise presence into something truly iconic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Zhou",
|
||||
handle: "@dzhou",
|
||||
testimonial: "Unparalleled attention to detail and design thinking.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Chen",
|
||||
handle: "@echen",
|
||||
testimonial: "Results exceeded all expectations for our product launch.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "James Foster",
|
||||
handle: "@jfoster",
|
||||
testimonial: "The best design investment our company has made.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alice Wang",
|
||||
handle: "@awang",
|
||||
testimonial: "Professional, creative, and strictly results-oriented.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Miller", handle: "@sarahm", testimonial: "Transformed our enterprise presence into something truly iconic.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg" },
|
||||
{ id: "t2", name: "David Zhou", handle: "@dzhou", testimonial: "Unparalleled attention to detail and design thinking.", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg" },
|
||||
{ id: "t3", name: "Emily Chen", handle: "@echen", testimonial: "Results exceeded all expectations for our product launch.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg" },
|
||||
{ id: "t4", name: "James Foster", handle: "@jfoster", testimonial: "The best design investment our company has made.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg" },
|
||||
{ id: "t5", name: "Alice Wang", handle: "@awang", testimonial: "Professional, creative, and strictly results-oriented.", imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg" }
|
||||
]}
|
||||
title="Voices of Our Partners"
|
||||
description="See why top industry leaders trust our design expertise."
|
||||
@@ -349,37 +150,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
faqsAnimation="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is the design process?",
|
||||
content: "Our process involves discovery, iterative wireframing, high-fidelity design, and final implementation.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you support ongoing work?",
|
||||
content: "Yes, we offer ongoing maintenance and growth strategy support for all partners.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What is the typical project timeline?",
|
||||
content: "Projects typically range from 6 to 12 weeks depending on the complexity of the requirements.",
|
||||
},
|
||||
{ id: "q1", title: "What is the design process?", content: "Our process involves discovery, iterative wireframing, high-fidelity design, and final implementation." },
|
||||
{ id: "q2", title: "Do you support ongoing work?", content: "Yes, we offer ongoing maintenance and growth strategy support for all partners." },
|
||||
{ id: "q3", title: "What is the typical project timeline?", content: "Projects typically range from 6 to 12 weeks depending on the complexity of the requirements." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about working with us."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated-grid" }}
|
||||
tag="Let's Connect"
|
||||
title="Ready to Start Your Digital Journey?"
|
||||
description="Sign up to discuss your project and discover how our expertise can drive results for your business."
|
||||
@@ -390,49 +177,13 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="EliteDesign"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Resources", items: [{ label: "Portfolio", href: "#portfolio" }, { label: "FAQ", href: "#faq" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user