bender/cf049339-e95b-4e17-bfed-e323beb0680f
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-04-02 18:37:27 +00:00
parent 982fd81765
commit 95e0c7de17
1 changed files with 40 additions and 143 deletions
Download Patch File Download Diff File Expand all files Collapse all files

183
src/app/page.tsx
View File

@@ -31,21 +31,13 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Features",
id: "features",
},
name: "Features", id: "features"},
{
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="Startup"
/>
@@ -54,53 +46,30 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated",
}}
variant: "rotated-rays-animated"}}
title="Innovation Refined."
description="Experience the next evolution of productivity and design, built from the ground up for the modern creator."
tag="Introducing Next Gen"
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-perfect-well-lighted-white-corridor_181624-23381.jpg?_wi=1",
imageAlt: "Product Display 1",
},
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-perfect-well-lighted-white-corridor_181624-23381.jpg", imageAlt: "Product Display 1"},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/defocused-abstract-background-pastel-color-tone_58702-1441.jpg",
imageAlt: "Product Display 2",
},
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/defocused-abstract-background-pastel-color-tone_58702-1441.jpg", imageAlt: "Product Display 2"},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169854.jpg",
imageAlt: "Product Display 3",
},
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169854.jpg", imageAlt: "Product Display 3"},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-blue-technology-background_23-2148882620.jpg",
imageAlt: "Product Display 4",
},
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-blue-technology-background_23-2148882620.jpg", imageAlt: "Product Display 4"},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/candy-eggs-with-blurred-effect_23-2147657996.jpg",
imageAlt: "Product Display 5",
},
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/candy-eggs-with-blurred-effect_23-2147657996.jpg", imageAlt: "Product Display 5"},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-woman-using-tablet_273609-15526.jpg",
imageAlt: "Product Display 6",
},
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-woman-using-tablet_273609-15526.jpg", imageAlt: "Product Display 6"},
]}
tagIcon={Sparkles}
buttons={[
{
text: "Get Started",
href: "#contact",
},
text: "Get Started", href: "#contact"},
{
text: "Learn More",
href: "#features",
},
text: "Learn More", href: "#features"},
]}
/>
</div>
@@ -110,25 +79,14 @@ export default function LandingPage() {
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
animationType="blur-reveal"
features={[
{
id: "1",
title: "Seamless Sync",
description: "Keep all your devices in perfect harmony with our native cloud integration.",
imageSrc: "http://img.b2bpic.net/free-photo/protection-concept-with-umbrella_23-2149277083.jpg",
},
id: "1", title: "Seamless Sync", description: "Keep all your devices in perfect harmony with our native cloud integration.", imageSrc: "http://img.b2bpic.net/free-photo/protection-concept-with-umbrella_23-2149277083.jpg"},
{
id: "2",
title: "Precision Tooling",
description: "Crafted for high performance workflows that demand total control.",
imageSrc: "http://img.b2bpic.net/free-photo/gear-icon-set-isolated-background_53876-71277.jpg",
},
id: "2", title: "Precision Tooling", description: "Crafted for high performance workflows that demand total control.", imageSrc: "http://img.b2bpic.net/free-photo/gear-icon-set-isolated-background_53876-71277.jpg"},
{
id: "3",
title: "Global Access",
description: "Access your workspace from anywhere on the planet with sub-millisecond latency.",
imageSrc: "http://img.b2bpic.net/free-photo/renewable-energy-environment-psd-solar-panel-remixed-media_53876-127110.jpg",
},
id: "3", title: "Global Access", description: "Access your workspace from anywhere on the planet with sub-millisecond latency.", imageSrc: "http://img.b2bpic.net/free-photo/renewable-energy-environment-psd-solar-panel-remixed-media_53876-127110.jpg"},
]}
title="Built for Excellence."
description="Every component has been meticulously designed to maximize your efficiency and aesthetic experience."
@@ -140,23 +98,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
names={[
"TechCorp",
"InnovateLab",
"GrowthCo",
"StartupXYZ",
"DigitalReach",
"ModernView",
"ApexSystems",
]}
"TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "DigitalReach", "ModernView", "ApexSystems"]}
logos={[
"http://img.b2bpic.net/free-photo/3d-tiktok-logo_23-2152000226.jpg",
"http://img.b2bpic.net/free-photo/top-view-world-tourism-day-safety-measures-logos_23-2148608832.jpg",
"http://img.b2bpic.net/free-vector/blue-holographic-gradient-background-design-set_53876-66938.jpg",
"http://img.b2bpic.net/free-photo/inspired-youth_53876-176745.jpg",
"http://img.b2bpic.net/free-photo/burning-phoenix-head-dark-background-generative-ai_8829-2884.jpg",
"http://img.b2bpic.net/free-vector/modern-minimal-logo-concept-design_1017-33244.jpg",
"http://img.b2bpic.net/free-photo/eco-friendly-recycling-concept_23-2148737655.jpg",
]}
"http://img.b2bpic.net/free-photo/3d-tiktok-logo_23-2152000226.jpg", "http://img.b2bpic.net/free-photo/top-view-world-tourism-day-safety-measures-logos_23-2148608832.jpg", "http://img.b2bpic.net/free-vector/blue-holographic-gradient-background-design-set_53876-66938.jpg", "http://img.b2bpic.net/free-photo/inspired-youth_53876-176745.jpg", "http://img.b2bpic.net/free-photo/burning-phoenix-head-dark-background-generative-ai_8829-2884.jpg", "http://img.b2bpic.net/free-vector/modern-minimal-logo-concept-design_1017-33244.jpg", "http://img.b2bpic.net/free-photo/eco-friendly-recycling-concept_23-2148737655.jpg"]}
title="Trusted by Visionaries"
description="Empowering teams across the globe to build the impossible."
/>
@@ -167,30 +111,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
},
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"},
{
id: "2",
name: "Michael Chen",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-businessman-white-shirt-looking-camera-standing-confident_1258-112100.jpg",
},
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-businessman-white-shirt-looking-camera-standing-confident_1258-112100.jpg"},
{
id: "3",
name: "Emily Rodriguez",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-black-white-medium-shot_23-2149411423.jpg",
},
id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-black-white-medium-shot_23-2149411423.jpg"},
{
id: "4",
name: "David Kim",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317772.jpg",
},
id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317772.jpg"},
{
id: "5",
name: "Alex Rivera",
imageSrc: "http://img.b2bpic.net/free-photo/unshaven-executive-black-white_1098-1182.jpg",
},
id: "5", name: "Alex Rivera", imageSrc: "http://img.b2bpic.net/free-photo/unshaven-executive-black-white_1098-1182.jpg"},
]}
cardTitle="Client Voices"
cardTag="Testimonials"
@@ -203,20 +132,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "How do I get started?",
content: "Simply sign up through our portal and follow the initial setup guide.",
},
id: "1", title: "How do I get started?", content: "Simply sign up through our portal and follow the initial setup guide."},
{
id: "2",
title: "Is there support available?",
content: "Our team is available 24/7 to assist with any questions you might have.",
},
id: "2", title: "Is there support available?", content: "Our team is available 24/7 to assist with any questions you might have."},
{
id: "3",
title: "Can I export data?",
content: "Yes, we support comprehensive export formats for all your project data.",
},
id: "3", title: "Can I export data?", content: "Yes, we support comprehensive export formats for all your project data."},
]}
sideTitle="Questions?"
sideDescription="We have answers for you."
@@ -230,67 +150,44 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "c1",
title: "What's the pricing model?",
content: "We offer tiered pricing tailored to your scale.",
},
id: "c1", title: "What's the pricing model?", content: "We offer tiered pricing tailored to your scale."},
{
id: "c2",
title: "Do you offer demos?",
content: "Yes, book a demo at your convenience.",
},
id: "c2", title: "Do you offer demos?", content: "Yes, book a demo at your convenience."},
]}
ctaTitle="Let's build together."
ctaDescription="Get in touch for a personal demo or any inquiries."
ctaButton={{
text: "Contact Us",
href: "mailto:hello@startup.com",
}}
text: "Contact Us", href: "mailto:hello@startup.com"}}
ctaIcon={Mail}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-perfect-well-lighted-white-corridor_181624-23381.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-perfect-well-lighted-white-corridor_181624-23381.jpg"
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{
label: "Features",
href: "#features",
},
label: "Features", href: "#features"},
{
label: "Integrations",
href: "#",
},
label: "Integrations", href: "#"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About",
href: "#",
},
label: "About", href: "#"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy",
href: "#",
},
label: "Privacy", href: "#"},
{
label: "Terms",
href: "#",
},
label: "Terms", href: "#"},
],
},
]}