bender/6858a09a-ee89-4e02-9948-015a3a25171b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #1

Merged
bender merged 1 commits from version_3 into main 2026-06-01 04:58:58 +00:00
Conversation 0 Commits 1 Files Changed 1 +63 -232
1 changed files with 63 additions and 232 deletions
Download Patch File Download Diff File Expand all files Collapse all files

295
src/app/page.tsx
View File

@@ -2,8 +2,8 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
@@ -34,43 +34,25 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Metrics",
id: "#metrics",
},
name: "Metrics", id: "#metrics"},
{
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="NextWeb"
button={{
text: "Get Started",
href: "#contact",
}}
text: "Get Started", href: "#contact"}}
/>
</div>
@@ -80,39 +62,23 @@ export default function LandingPage() {
description="Transforming Digital Experiences with Next-Gen UI/UX. Experience the future of web design, where premium aesthetics meet unparalleled performance and seamless interactions."
buttons={[
{
text: "Explore Features",
href: "#features",
},
text: "Explore Features", href: "#features"},
{
text: "Get a Demo",
href: "#contact",
},
text: "Get a Demo", href: "#contact"},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/doctor-provides-cancer-screening-guidance-patient-office_482257-126373.jpg",
imageAlt: "Futuristic software dashboard",
},
imageSrc: "http://img.b2bpic.net/free-photo/doctor-provides-cancer-screening-guidance-patient-office_482257-126373.jpg", imageAlt: "Futuristic software dashboard"},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-patterned-glass-texture_53876-134131.jpg",
imageAlt: "Sleek transparent smartphone app",
},
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-patterned-glass-texture_53876-134131.jpg", imageAlt: "Sleek transparent smartphone app"},
{
imageSrc: "http://img.b2bpic.net/free-photo/descomposition-person-wearing-vr-glasses_23-2149089514.jpg",
imageAlt: "Immersive VR headset",
},
imageSrc: "http://img.b2bpic.net/free-photo/descomposition-person-wearing-vr-glasses_23-2149089514.jpg", imageAlt: "Immersive VR headset"},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-15687.jpg",
imageAlt: "Interconnected data network",
},
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-15687.jpg", imageAlt: "Interconnected data network"},
{
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-with-modern-virtual-technologies-hands-touching-screen_1212-721.jpg",
imageAlt: "User interacting with holographic interface",
},
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-with-modern-virtual-technologies-hands-touching-screen_1212-721.jpg", imageAlt: "User interacting with holographic interface"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-with-glove-holding-chip_23-2148925545.jpg",
imageAlt: "Macro shot of a glowing CPU",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-with-glove-holding-chip_23-2148925545.jpg", imageAlt: "Macro shot of a glowing CPU"},
]}
autoplayDelay={4000}
showDimOverlay={true}
@@ -126,17 +92,11 @@ export default function LandingPage() {
description="We are a collective of visionaries and architects, dedicated to sculpting digital landscapes that captivate and convert. Our philosophy blends cutting-edge technology with human-centric design, ensuring every interaction is intuitive, impactful, and unforgettable. We empower brands to transcend ordinary, crafting experiences that resonate."
metrics={[
{
value: "100%",
title: "Satisfaction",
},
value: "100%", title: "Satisfaction"},
{
value: "3X",
title: "Conversion Rate",
},
value: "3X", title: "Conversion Rate"},
{
value: "50+",
title: "Global Projects",
},
value: "50+", title: "Global Projects"},
]}
tag="Our Story"
tagIcon={Sparkles}
@@ -156,29 +116,19 @@ export default function LandingPage() {
features={[
{
icon: Zap,
title: "Dynamic Animations",
description: "Immersive scroll-triggered effects and micro-interactions that bring your content to life.",
},
title: "Dynamic Animations", description: "Immersive scroll-triggered effects and micro-interactions that bring your content to life."},
{
icon: Layers,
title: "Seamless Integration",
description: "Our solutions integrate flawlessly with your existing tech stack, ensuring a smooth transition and enhanced ecosystem.",
},
title: "Seamless Integration", description: "Our solutions integrate flawlessly with your existing tech stack, ensuring a smooth transition and enhanced ecosystem."},
{
icon: Layout,
title: "Adaptive Responsiveness",
description: "Flawless performance and elegant layouts across all devices, from mobile to large screens.",
},
title: "Adaptive Responsiveness", description: "Flawless performance and elegant layouts across all devices, from mobile to large screens."},
{
icon: Gauge,
title: "Performance Optimized",
description: "Lightning-fast loading times and buttery-smooth 60 FPS animations for an optimal user experience.",
},
title: "Performance Optimized", description: "Lightning-fast loading times and buttery-smooth 60 FPS animations for an optimal user experience."},
{
icon: MousePointer,
title: "Intuitive UX",
description: "Every interaction is meticulously crafted to be natural, delightful, and highly engaging for your users.",
},
title: "Intuitive UX", description: "Every interaction is meticulously crafted to be natural, delightful, and highly engaging for your users."},
]}
title="Next-Gen Features for Unrivaled Presence"
description="Discover how our integrated approach to design and development delivers a truly premium online experience."
@@ -196,47 +146,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Prototyping Suite",
price: "$299",
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038912.jpg",
imageAlt: "Prototyping Suite Interface",
},
id: "p1", name: "Prototyping Suite", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038912.jpg", imageAlt: "Prototyping Suite Interface"},
{
id: "p2",
name: "Motion Design Toolkit",
price: "$199",
imageSrc: "http://img.b2bpic.net/free-photo/woman-home-creating-3d-render-apartment-interior-layout_482257-126412.jpg",
imageAlt: "Motion Design Toolkit Interface",
},
id: "p2", name: "Motion Design Toolkit", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/woman-home-creating-3d-render-apartment-interior-layout_482257-126412.jpg", imageAlt: "Motion Design Toolkit Interface"},
{
id: "p3",
name: "AI-Powered Analytics",
price: "$499",
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg",
imageAlt: "AI-Powered Analytics Platform",
},
id: "p3", name: "AI-Powered Analytics", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg", imageAlt: "AI-Powered Analytics Platform"},
{
id: "p4",
name: "Cross-Platform SDK",
price: "$349",
imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg",
imageAlt: "Cross-Platform SDK Interface",
},
id: "p4", name: "Cross-Platform SDK", price: "$349", imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg", imageAlt: "Cross-Platform SDK Interface"},
{
id: "p5",
name: "Cloud Infra Manager",
price: "$599",
imageSrc: "http://img.b2bpic.net/free-vector/neon-landing-page-with-smartphone_23-2148330265.jpg",
imageAlt: "Cloud Infrastructure Management Dashboard",
},
id: "p5", name: "Cloud Infra Manager", price: "$599", imageSrc: "http://img.b2bpic.net/free-vector/neon-landing-page-with-smartphone_23-2148330265.jpg", imageAlt: "Cloud Infrastructure Management Dashboard"},
{
id: "p6",
name: "Secure Collab Hub",
price: "$149",
imageSrc: "http://img.b2bpic.net/free-photo/business-colleagues-using-laptops-night_74855-2605.jpg",
imageAlt: "Secure Collaboration Hub Interface",
},
id: "p6", name: "Secure Collab Hub", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/business-colleagues-using-laptops-night_74855-2605.jpg", imageAlt: "Secure Collaboration Hub Interface"},
]}
title="Explore Our Premium Offerings"
description="Each product is crafted with precision, designed to elevate your digital presence and streamline your workflows."
@@ -251,25 +171,13 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "99.9%",
title: "Uptime Reliability",
description: "Ensuring your services are always available and performing at their peak.",
icon: ShieldCheck,
id: "m1", value: "99.9%", title: "Uptime Reliability", description: "Ensuring your services are always available and performing at their peak.", icon: ShieldCheck,
},
{
id: "m2",
value: "24/7",
title: "Dedicated Support",
description: "Our expert team is always on standby to provide assistance and solutions.",
icon: Headphones,
id: "m2", value: "24/7", title: "Dedicated Support", description: "Our expert team is always on standby to provide assistance and solutions.", icon: Headphones,
},
{
id: "m3",
value: "200+",
title: "Global Deployments",
description: "Trusted by leading brands across continents for innovative digital solutions.",
icon: Globe,
id: "m3", value: "200+", title: "Global Deployments", description: "Trusted by leading brands across continents for innovative digital solutions.", icon: Globe,
},
]}
title="Unmatched Performance & Reliability"
@@ -284,58 +192,22 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah Johnson",
handle: "@sarah_tech",
testimonial: "NextWeb transformed our outdated platform into a futuristic masterpiece. The animations and user experience are simply unparalleled. Our engagement metrics have skyrocketed!",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5108.jpg",
imageAlt: "Sarah Johnson, CEO of Tech Innovations",
icon: Quote,
id: "t1", name: "Sarah Johnson", handle: "@sarah_tech", testimonial: "NextWeb transformed our outdated platform into a futuristic masterpiece. The animations and user experience are simply unparalleled. Our engagement metrics have skyrocketed!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5108.jpg", imageAlt: "Sarah Johnson, CEO of Tech Innovations", icon: Quote,
},
{
id: "t2",
name: "Michael Chen",
handle: "@mike_innovate",
testimonial: "The attention to detail in NextWeb's design is extraordinary. Every scroll, every button click feels premium. It's truly an award-winning experience.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-programmer-sitting-chair_23-2149101160.jpg",
imageAlt: "Michael Chen, CTO of InnovateX",
icon: Quote,
id: "t2", name: "Michael Chen", handle: "@mike_innovate", testimonial: "The attention to detail in NextWeb's design is extraordinary. Every scroll, every button click feels premium. It's truly an award-winning experience.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-programmer-sitting-chair_23-2149101160.jpg", imageAlt: "Michael Chen, CTO of InnovateX", icon: Quote,
},
{
id: "t3",
name: "Emily Rodriguez",
handle: "@emily_growth",
testimonial: "From concept to launch, NextWeb exceeded all expectations. Our new product page feels alive, with advanced scroll storytelling that perfectly guides our users.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-her-workshop_329181-17294.jpg",
imageAlt: "Emily Rodriguez, Marketing Director at GrowthCo",
icon: Quote,
id: "t3", name: "Emily Rodriguez", handle: "@emily_growth", testimonial: "From concept to launch, NextWeb exceeded all expectations. Our new product page feels alive, with advanced scroll storytelling that perfectly guides our users.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-her-workshop_329181-17294.jpg", imageAlt: "Emily Rodriguez, Marketing Director at GrowthCo", icon: Quote,
},
{
id: "t4",
name: "David Kim",
handle: "@david_pm",
testimonial: "The performance and responsiveness across devices are flawless. It’s rare to find such a perfect blend of high-end design and robust engineering. Highly recommend NextWeb!",
imageSrc: "http://img.b2bpic.net/free-photo/pieces-puzzle-with-light-bulb-red-background_23-2148342829.jpg",
imageAlt: "David Kim, Product Manager at Nexus Labs",
icon: Quote,
id: "t4", name: "David Kim", handle: "@david_pm", testimonial: "The performance and responsiveness across devices are flawless. It’s rare to find such a perfect blend of high-end design and robust engineering. Highly recommend NextWeb!", imageSrc: "http://img.b2bpic.net/free-photo/pieces-puzzle-with-light-bulb-red-background_23-2148342829.jpg", imageAlt: "David Kim, Product Manager at Nexus Labs", icon: Quote,
},
{
id: "t5",
name: "Jessica Lee",
handle: "@jess_design",
testimonial: "The micro-interactions are subtle yet impactful, making the entire website feel incredibly polished and dynamic. NextWeb's approach to UX is revolutionary.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-boy-posing-with-neon-light_23-2149596328.jpg",
imageAlt: "Jessica Lee, Lead Designer at Visionary Studios",
icon: Quote,
id: "t5", name: "Jessica Lee", handle: "@jess_design", testimonial: "The micro-interactions are subtle yet impactful, making the entire website feel incredibly polished and dynamic. NextWeb's approach to UX is revolutionary.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-boy-posing-with-neon-light_23-2149596328.jpg", imageAlt: "Jessica Lee, Lead Designer at Visionary Studios", icon: Quote,
},
{
id: "t6",
name: "Mark Foster",
handle: "@mark_dev",
testimonial: "Working with NextWeb has been a game-changer. Their frontend architecture is robust, and the animations are incredibly smooth, even with complex data visualizations.",
imageSrc: "http://img.b2bpic.net/free-photo/serious-guy-using-laptop-outdoor-coffee-shop_1262-18614.jpg",
imageAlt: "Mark Foster, Software Engineer at Global Systems",
icon: Quote,
id: "t6", name: "Mark Foster", handle: "@mark_dev", testimonial: "Working with NextWeb has been a game-changer. Their frontend architecture is robust, and the animations are incredibly smooth, even with complex data visualizations.", imageSrc: "http://img.b2bpic.net/free-photo/serious-guy-using-laptop-outdoor-coffee-shop_1262-18614.jpg", imageAlt: "Mark Foster, Software Engineer at Global Systems", icon: Quote,
},
]}
title="What Our Clients Say"
@@ -352,16 +224,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Synergy Dynamics",
"Cognito AI",
"SentinelGuard",
"Nimbus Cloud",
"Quantum Ledger",
"PixelFlow",
"Apex Devs",
"Innovate Solutions",
"Global Reach Tech",
]}
"Synergy Dynamics", "Cognito AI", "SentinelGuard", "Nimbus Cloud", "Quantum Ledger", "PixelFlow", "Apex Devs", "Innovate Solutions", "Global Reach Tech"]}
title="Trusted by Industry Leaders Worldwide"
description="Our innovative solutions are chosen by top companies seeking to redefine their digital footprint and achieve unparalleled success."
tag="Our Partners"
@@ -372,40 +235,21 @@ export default function LandingPage() {
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What is your design philosophy?",
content: "Our philosophy centers on blending cutting-edge technology with human-centric design principles to create intuitive, impactful, and unforgettable digital experiences.",
},
id: "q1", title: "What is your design philosophy?", content: "Our philosophy centers on blending cutting-edge technology with human-centric design principles to create intuitive, impactful, and unforgettable digital experiences."},
{
id: "q2",
title: "How do you ensure premium performance?",
content: "We meticulously optimize animations, images, and component structures, targeting smooth 60 FPS animations and fast loading times across all devices.",
},
id: "q2", title: "How do you ensure premium performance?", content: "We meticulously optimize animations, images, and component structures, targeting smooth 60 FPS animations and fast loading times across all devices."},
{
id: "q3",
title: "Can you integrate with existing systems?",
content: "Absolutely. Our solutions are designed for seamless integration with your current tech stack, ensuring a smooth transition and enhanced ecosystem without disrupting backend logic.",
},
id: "q3", title: "Can you integrate with existing systems?", content: "Absolutely. Our solutions are designed for seamless integration with your current tech stack, ensuring a smooth transition and enhanced ecosystem without disrupting backend logic."},
{
id: "q4",
title: "What kind of animations do you specialize in?",
content: "We specialize in advanced scroll-based storytelling, object movement on scroll, layered parallax, micro-interactions, and modern text animations, all powered by Framer Motion and ScrollTriggers.",
},
id: "q4", title: "What kind of animations do you specialize in?", content: "We specialize in advanced scroll-based storytelling, object movement on scroll, layered parallax, micro-interactions, and modern text animations, all powered by Framer Motion and ScrollTriggers."},
{
id: "q5",
title: "How do you approach responsive design?",
content: "We ensure perfect responsiveness across mobile, tablet, desktop, and large screens, addressing overflow issues, layout shifts, and spacing inconsistencies for a consistent premium experience.",
},
id: "q5", title: "How do you approach responsive design?", content: "We ensure perfect responsiveness across mobile, tablet, desktop, and large screens, addressing overflow issues, layout shifts, and spacing inconsistencies for a consistent premium experience."},
]}
imageSrc="http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170585.jpg"
imageAlt="Futuristic human silhouette interacting with a glowing knowledge base"
mediaAnimation="slide-up"
mediaPosition="right"
title="Frequently Asked Questions"
description="Find quick answers to common questions about our design process, technology, and services."
tag="Support"
@@ -416,11 +260,10 @@ export default function LandingPage() {
</div>
<div id="contact" data-section="contact">
<ContactCenter
<ContactSplit
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Get in Touch"
title="Ready to Transform Your Digital Presence?"
description="Partner with NextWeb to craft an award-winning website that captivates your audience and drives unparalleled engagement. Let's build the future together."
@@ -429,6 +272,10 @@ export default function LandingPage() {
inputPlaceholder="Your professional email"
buttonText="Start a Project"
termsText="By clicking 'Start a Project', you agree to our Terms and Conditions and Privacy Policy."
mediaAnimation="slide-up"
mediaPosition="right"
imageSrc="http://img.b2bpic.net/free-photo/diverse-workforce-discuss-about-data-analytics-financial-report-using-digital-devices-generated-by-ai_188544-23961.jpg"
imageAlt="Diverse workforce discussing data analytics"
/>
</div>
@@ -440,41 +287,25 @@ export default function LandingPage() {
{
items: [
{
label: "Home",
href: "#home",
},
label: "Home", href: "#home"},
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Features",
href: "#features",
},
label: "Features", href: "#features"},
{
label: "Products",
href: "#products",
},
label: "Products", href: "#products"},
],
},
{
items: [
{
label: "Support",
href: "#faq",
},
label: "Support", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}