bender/4421889f-7f3a-4280-8bb4-c3fcd7383e6c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-10 09:41:12 +00:00
parent 7a9156d373
commit 2443ea0644
1 changed files with 63 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

282
src/app/page.tsx
View File

@@ -34,82 +34,49 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Clients",
id: "#clients",
},
name: "Clients", id: "#clients"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="DesignCraft Agency"
button={{
text: "Get a Quote",
href: "#contact",
}}
text: "Get a Quote", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
title="Crafting Digital Experiences That Convert"
description="Your vision, our design expertise. We build stunning, high-performing websites tailored to your business goals, ensuring every pixel drives impact."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/business-people-teamwork_23-2148826999.jpg",
imageAlt: "Design team collaborating on a web project",
},
imageSrc: "http://img.b2bpic.net/free-photo/business-people-teamwork_23-2148826999.jpg", imageAlt: "Design team collaborating on a web project"},
{
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749867.jpg",
imageAlt: "Creative professionals brainstorming digital strategy",
},
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749867.jpg", imageAlt: "Creative professionals brainstorming digital strategy"},
{
imageSrc: "http://img.b2bpic.net/free-photo/blooming-floral-arts-crafts-nature_53876-124885.jpg",
imageAlt: "Responsive website design mockups on multiple devices",
},
imageSrc: "http://img.b2bpic.net/free-photo/blooming-floral-arts-crafts-nature_53876-124885.jpg", imageAlt: "Responsive website design mockups on multiple devices"},
{
imageSrc: "http://img.b2bpic.net/free-photo/male-female-graphic-designers-using-graphics-tablet_1170-2948.jpg",
imageAlt: "UI/UX designer working on user flows",
},
imageSrc: "http://img.b2bpic.net/free-photo/male-female-graphic-designers-using-graphics-tablet_1170-2948.jpg", imageAlt: "UI/UX designer working on user flows"},
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-desk-mess_23-2150164840.jpg",
imageAlt: "Modern coding environment with design elements",
},
imageSrc: "http://img.b2bpic.net/free-photo/still-life-office-desk-mess_23-2150164840.jpg", imageAlt: "Modern coding environment with design elements"},
{
imageSrc: "http://img.b2bpic.net/free-photo/team-database-admins-analyzing-source-code-wall-screen-tv-comparing-errors-using-digital-tablet-busy-server-room-two-cloud-programers-debugging-algorithm-software-innovation-office_482257-43976.jpg",
imageAlt: "Creative agency workspace with diverse team",
},
imageSrc: "http://img.b2bpic.net/free-photo/team-database-admins-analyzing-source-code-wall-screen-tv-comparing-errors-using-digital-tablet-busy-server-room-two-cloud-programers-debugging-algorithm-software-innovation-office_482257-43976.jpg", imageAlt: "Creative agency workspace with diverse team"},
]}
mediaAnimation="slide-up"
/>
@@ -119,7 +86,6 @@ export default function LandingPage() {
<TextAbout
useInvertedBackground={true}
title="We blend creativity with strategy to deliver impactful web solutions."
description="At DesignCraft Agency, we believe great design is more than just aesthetics—it's about creating intuitive experiences that drive results. Our team of expert designers and developers are dedicated to bringing your brand's unique story to life online, from initial concept to successful launch."
/>
</div>
@@ -130,25 +96,13 @@ export default function LandingPage() {
description="From concept to launch, we handle every aspect of your digital presence with precision and passion, ensuring a seamless journey from idea to impactful reality."
accordionItems={[
{
id: "custom-web-design",
title: "Custom Web Design",
content: "Bespoke website designs tailored to your brand's unique identity and business objectives, focusing on aesthetics and user experience.",
},
id: "custom-web-design", title: "Custom Web Design", content: "Bespoke website designs tailored to your brand's unique identity and business objectives, focusing on aesthetics and user experience."},
{
id: "ecommerce-solutions",
title: "E-commerce Solutions",
content: "Robust and secure online stores designed to maximize conversions and provide a seamless shopping experience for your customers.",
},
id: "ecommerce-solutions", title: "E-commerce Solutions", content: "Robust and secure online stores designed to maximize conversions and provide a seamless shopping experience for your customers."},
{
id: "ui-ux-optimization",
title: "UI/UX Optimization",
content: "Enhancing user interfaces and experiences through research-backed design, resulting in intuitive and engaging digital products.",
},
id: "ui-ux-optimization", title: "UI/UX Optimization", content: "Enhancing user interfaces and experiences through research-backed design, resulting in intuitive and engaging digital products."},
{
id: "digital-branding",
title: "Digital Branding",
content: "Developing a cohesive online brand presence, including logo design, brand guidelines, and consistent visual language across all digital touchpoints.",
},
id: "digital-branding", title: "Digital Branding", content: "Developing a cohesive online brand presence, including logo design, brand guidelines, and consistent visual language across all digital touchpoints."},
]}
imageSrc="http://img.b2bpic.net/free-photo/analysis-strategy-study-information-business-planning_53876-133682.jpg"
imageAlt="Web development interface showing code and design elements"
@@ -161,15 +115,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"InnovateCorp",
"Global Dynamics",
"Summit Ventures",
"Aether Labs",
"Quantum Shift",
"Evergreen Solutions",
"Nexus Innovations",
"Pioneer Tech",
]}
"InnovateCorp", "Global Dynamics", "Summit Ventures", "Aether Labs", "Quantum Shift", "Evergreen Solutions", "Nexus Innovations", "Pioneer Tech"]}
title="Trusted by Industry Leaders"
description="Our commitment to excellence and innovative web solutions has earned the trust of diverse clients across various sectors, helping them achieve their digital goals."
/>
@@ -183,29 +129,11 @@ export default function LandingPage() {
useInvertedBackground={false}
members={[
{
id: "1",
name: "Alex Chen",
role: "Lead Web Designer",
description: "Specializing in intuitive UI/UX, Alex crafts captivating visual experiences that drive engagement and conversion.",
imageSrc: "http://img.b2bpic.net/free-photo/man-tired-from-video-call_23-2148854849.jpg",
imageAlt: "Portrait of Alex Chen",
},
id: "1", name: "Alex Chen", role: "Lead Web Designer", description: "Specializing in intuitive UI/UX, Alex crafts captivating visual experiences that drive engagement and conversion.", imageSrc: "http://img.b2bpic.net/free-photo/man-tired-from-video-call_23-2148854849.jpg", imageAlt: "Portrait of Alex Chen"},
{
id: "2",
name: "Sarah Miller",
role: "Head of Development",
description: "With a strong background in frontend and backend, Sarah builds robust and scalable web applications.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-apron_23-2149007471.jpg",
imageAlt: "Portrait of Sarah Miller",
},
id: "2", name: "Sarah Miller", role: "Head of Development", description: "With a strong background in frontend and backend, Sarah builds robust and scalable web applications.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-apron_23-2149007471.jpg", imageAlt: "Portrait of Sarah Miller"},
{
id: "3",
name: "David Lee",
role: "Digital Strategist",
description: "David focuses on aligning design with business goals, ensuring every project delivers measurable impact.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-man-flannel-suit-glasses-listening-music_613910-12191.jpg",
imageAlt: "Portrait of David Lee",
},
id: "3", name: "David Lee", role: "Digital Strategist", description: "David focuses on aligning design with business goals, ensuring every project delivers measurable impact.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-man-flannel-suit-glasses-listening-music_613910-12191.jpg", imageAlt: "Portrait of David Lee"},
]}
title="Meet Our Creative Innovators"
description="Our diverse team of experts brings a unique blend of skills and passion to every project, dedicated to bringing your digital vision to life."
@@ -219,63 +147,31 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "starter",
badge: "Basic",
badgeIcon: Sparkles,
price: "$2,500+",
name: "Starter Website",
buttons: [
id: "starter", badge: "Basic", badgeIcon: Sparkles,
price: "$2,500+", name: "Starter Website", buttons: [
{
text: "Get Started",
},
text: "Get Started"},
],
features: [
"5-Page Custom Design",
"Responsive Layout",
"Basic SEO Setup",
"Contact Form Integration",
"1 Month Support",
],
"5-Page Custom Design", "Responsive Layout", "Basic SEO Setup", "Contact Form Integration", "1 Month Support"],
},
{
id: "professional",
badge: "Popular",
badgeIcon: Star,
price: "$7,500+",
name: "Professional Presence",
buttons: [
id: "professional", badge: "Popular", badgeIcon: Star,
price: "$7,500+", name: "Professional Presence", buttons: [
{
text: "Choose Plan",
},
text: "Choose Plan"},
],
features: [
"Up to 15 Pages",
"Advanced UI/UX",
"E-commerce Ready",
"Content Management System (CMS)",
"3 Months Premium Support",
"Analytics Integration",
],
"Up to 15 Pages", "Advanced UI/UX", "E-commerce Ready", "Content Management System (CMS)", "3 Months Premium Support", "Analytics Integration"],
},
{
id: "enterprise",
badge: "Premium",
badgeIcon: Award,
price: "Custom",
name: "Enterprise Solution",
buttons: [
id: "enterprise", badge: "Premium", badgeIcon: Award,
price: "Custom", name: "Enterprise Solution", buttons: [
{
text: "Contact Us",
},
text: "Contact Us"},
],
features: [
"Unlimited Pages",
"Custom Integrations",
"Dedicated Project Manager",
"Ongoing SEO & Marketing",
"Priority 24/7 Support",
"Scalable Infrastructure",
],
"Unlimited Pages", "Custom Integrations", "Dedicated Project Manager", "Ongoing SEO & Marketing", "Priority 24/7 Support", "Scalable Infrastructure"],
},
]}
title="Transparent Pricing for Every Project"
@@ -291,25 +187,15 @@ export default function LandingPage() {
author="Emily R., Marketing Director at Nexus Corp."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
alt: "Avatar of Emily R.",
},
src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Avatar of Emily R."},
{
src: "http://img.b2bpic.net/free-photo/clsoe-up-woman-working-laptop_23-2148128282.jpg",
alt: "Avatar of Michael S.",
},
src: "http://img.b2bpic.net/free-photo/clsoe-up-woman-working-laptop_23-2148128282.jpg", alt: "Avatar of Michael S."},
{
src: "http://img.b2bpic.net/free-photo/business-graphics-presentation-illustration_23-2151876369.jpg",
alt: "Avatar of Jessica L.",
},
src: "http://img.b2bpic.net/free-photo/business-graphics-presentation-illustration_23-2151876369.jpg", alt: "Avatar of Jessica L."},
{
src: "http://img.b2bpic.net/free-photo/portrait-bald-senior-dressed-stylish-suit-posing-against-dark-background_613910-17578.jpg",
alt: "Avatar of Robert D.",
},
src: "http://img.b2bpic.net/free-photo/portrait-bald-senior-dressed-stylish-suit-posing-against-dark-background_613910-17578.jpg", alt: "Avatar of Robert D."},
{
src: "http://img.b2bpic.net/free-photo/portrait-busy-woman-her-office_329181-10294.jpg",
alt: "Avatar of Olivia P.",
},
src: "http://img.b2bpic.net/free-photo/portrait-busy-woman-her-office_329181-10294.jpg", alt: "Avatar of Olivia P."},
]}
ratingAnimation="opacity"
avatarsAnimation="slide-up"
@@ -321,25 +207,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq1",
title: "What is your typical web design process?",
content: "Our process typically involves discovery, planning, design, development, testing, and launch. We maintain open communication and client collaboration at every stage.",
},
id: "faq1", title: "What is your typical web design process?", content: "Our process typically involves discovery, planning, design, development, testing, and launch. We maintain open communication and client collaboration at every stage."},
{
id: "faq2",
title: "How long does a website project take?",
content: "The timeline varies based on complexity and features, but a standard project can range from 4-12 weeks. We provide a detailed project timeline after our initial consultation.",
},
id: "faq2", title: "How long does a website project take?", content: "The timeline varies based on complexity and features, but a standard project can range from 4-12 weeks. We provide a detailed project timeline after our initial consultation."},
{
id: "faq3",
title: "Do you offer ongoing website maintenance?",
content: "Yes, we offer various maintenance packages including updates, security monitoring, and content management to ensure your site remains optimal and secure post-launch.",
},
id: "faq3", title: "Do you offer ongoing website maintenance?", content: "Yes, we offer various maintenance packages including updates, security monitoring, and content management to ensure your site remains optimal and secure post-launch."},
{
id: "faq4",
title: "Can you help with SEO and digital marketing?",
content: "Absolutely. We integrate SEO best practices into every design and can offer ongoing digital marketing strategies to improve your online visibility and drive traffic.",
},
id: "faq4", title: "Can you help with SEO and digital marketing?", content: "Absolutely. We integrate SEO best practices into every design and can offer ongoing digital marketing strategies to improve your online visibility and drive traffic."},
]}
sideTitle="Frequently Asked Questions"
sideDescription="Find quick answers to common questions about our web design services and the collaborative process we follow."
@@ -351,14 +225,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
text="Ready to transform your online presence? Let's build something amazing together."
buttons={[
{
text: "Get a Free Consultation",
href: "#",
},
text: "Get a Free Consultation", href: "#"},
]}
/>
</div>
@@ -370,66 +241,39 @@ export default function LandingPage() {
logoText="DesignCraft Agency"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Web Design",
href: "#services",
},
label: "Web Design", href: "#services"},
{
label: "E-commerce",
href: "#services",
},
label: "E-commerce", href: "#services"},
{
label: "UI/UX",
href: "#services",
},
label: "UI/UX", href: "#services"},
{
label: "Branding",
href: "#services",
},
label: "Branding", href: "#services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Team",
href: "#team",
},
label: "Our Team", href: "#team"},
{
label: "Clients",
href: "#clients",
},
label: "Clients", href: "#clients"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Blog",
href: "#",
},
label: "Blog", href: "#"},
{
label: "Support",
href: "#",
},
label: "Support", href: "#"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
]}