Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #3.
This commit is contained in:
@@ -2,130 +2,52 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import { Award, Code, Palette, Target, Zap } from "lucide-react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="largeSmall"
|
||||
background="circleGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Nexora"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Nexora"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-body" data-section="about-body">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="About Nexora"
|
||||
description="A futuristic creative studio focused on innovation and minimalism. We turn complex ideas into seamless digital experiences."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Innovative",
|
||||
description: "Pushing boundaries with cutting-edge tech.",
|
||||
},
|
||||
{
|
||||
title: "Minimalist",
|
||||
description: "Focusing on clarity and essential design.",
|
||||
},
|
||||
{
|
||||
title: "Premium",
|
||||
description: "Uncompromising quality in every pixel.",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797633.jpg"
|
||||
imageAlt="Modern office space with futuristic decor and furniture"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Studio Statistics"
|
||||
metricsAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
icon: Code,
|
||||
label: "Dev Team Size",
|
||||
value: "15",
|
||||
},
|
||||
{
|
||||
icon: Palette,
|
||||
label: "Design Specialists",
|
||||
value: "10",
|
||||
},
|
||||
{
|
||||
icon: Target,
|
||||
label: "Client Retention",
|
||||
value: "95%",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Recognition",
|
||||
value: "Top 10",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Speed Score",
|
||||
value: "99/100",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Nexora"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="about-body" data-section="about-body">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="About Nexora"
|
||||
description="A futuristic creative studio focused on innovation and minimalism. We turn complex ideas into seamless digital experiences."
|
||||
bulletPoints={[
|
||||
{ title: "Innovative", description: "Pushing boundaries with cutting-edge tech." },
|
||||
{ title: "Minimalist", description: "Focusing on clarity and essential design." }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797633.jpg"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -2,109 +2,51 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="largeSmall"
|
||||
background="circleGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Nexora"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Nexora"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-body" data-section="contact-body">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Let's Talk"
|
||||
description="Start your journey with Nexora today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Describe your project",
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/office-work-computer-technology-concept_53876-133883.jpg"
|
||||
imageAlt="Office work computer technology concept"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Stay Updated"
|
||||
title="Join the Nexora Newsletter"
|
||||
description="Get insights and creative inspiration directly to your inbox."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Nexora"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact-body" data-section="contact-body">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Let's Talk"
|
||||
description="Start your journey with Nexora today."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Describe your project", required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/office-work-computer-technology-concept_53876-133883.jpg"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
185
src/app/page.tsx
185
src/app/page.tsx
@@ -2,148 +2,67 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import LegalSection from '@/components/legal/LegalSection';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import ProductCatalogItem from '@/components/ecommerce/productCatalog/ProductCatalogItem';
|
||||
import { Link } from "next/link";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="largeSmall"
|
||||
background="circleGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Nexora"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Nexora"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
title="Nexora — Turning Ideas Into Digital Reality"
|
||||
description="Creative digital solutions for brands, creators, and businesses."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start a Project",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "View Portfolio",
|
||||
href: "/portfolio",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-abstract-shape-glowing-grainy-textured_474888-8017.jpg?_wi=1",
|
||||
imageAlt: "Futuristic 3D abstract background",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-pink-orange-blue-laser-lights_181624-23030.jpg",
|
||||
imageAlt: "Futuristic 3D abstract background",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/community-rehab-with-therapist-guidance_482257-123780.jpg",
|
||||
imageAlt: "Futuristic 3D abstract background",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-light-sunset-projector-lamp_53876-108120.jpg",
|
||||
imageAlt: "Futuristic 3D abstract background",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-colorful-lights_23-2147881545.jpg",
|
||||
imageAlt: "Futuristic 3D abstract background",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-prism-wallpaper_23-2151891167.jpg",
|
||||
imageAlt: "Futuristic 3D abstract background",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Nexora — Turning Ideas Into Digital Reality"
|
||||
description="Creative digital solutions for brands, creators, and businesses."
|
||||
buttons={[
|
||||
{ text: "Start a Project", href: "/contact" },
|
||||
{ text: "View Portfolio", href: "/portfolio" }
|
||||
]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/blue-abstract-shape-glowing-grainy-textured_474888-8017.jpg", imageAlt: "Futuristic 3D abstract background" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-pink-orange-blue-laser-lights_181624-23030.jpg", imageAlt: "Futuristic 3D abstract background" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/community-rehab-with-therapist-guidance_482257-123780.jpg", imageAlt: "Futuristic 3D abstract background" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-light-sunset-projector-lamp_53876-108120.jpg", imageAlt: "Futuristic 3D abstract background" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/abstract-background-with-colorful-lights_23-2147881545.jpg", imageAlt: "Futuristic 3D abstract background" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/liquid-prism-wallpaper_23-2151891167.jpg", imageAlt: "Futuristic 3D abstract background" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection />
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="ecommerce" data-section="ecommerce">
|
||||
<ProductCatalogItem />
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Nexora"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Nexora"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -2,183 +2,53 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function PortfolioPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="largeSmall"
|
||||
background="circleGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Nexora"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Nexora"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio-body" data-section="portfolio-body">
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Brand Identity X",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443503.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Nexora UI Suite",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-white-notebook-laptop-waffle-coffee-cup-tablecloth-white-background_23-2148061440.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Game Thumbnails",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443520.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Web Platform A",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-lifestyle_23-2149636247.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Social Media Kit",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/web-template-layout-draft-sketch_53876-167110.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "UI Concept",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ideas-creation-design-process-icon_53876-132252.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Work"
|
||||
description="Featured projects showcasing our vision."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Client Spotlights"
|
||||
description="Stories behind our most innovative collaborations."
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Tech Startup Launch",
|
||||
author: "CEO Nexora",
|
||||
description: "Full branding and platform design for a green-energy tech firm.",
|
||||
tags: [
|
||||
"Branding",
|
||||
"Web",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/startup-business-people-looking-strategy-board-information-thoughtful_53876-22977.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Global E-commerce Hub",
|
||||
author: "Nexora Studio",
|
||||
description: "High-conversion UX design for luxury fashion brand.",
|
||||
tags: [
|
||||
"UI/UX",
|
||||
"E-commerce",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443499.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "FinTech Mobile App",
|
||||
author: "Nexora Labs",
|
||||
description: "Security-focused financial interface with clean aesthetic.",
|
||||
tags: [
|
||||
"App Design",
|
||||
"UI",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-office-material-table_23-2148148325.jpg",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Hospitality Portal",
|
||||
author: "Nexora Design",
|
||||
description: "Redesigning the booking experience for boutique hotels.",
|
||||
tags: [
|
||||
"Web",
|
||||
"UX",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-taking-notes-office_23-2149749872.jpg",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Healthtech Dashboard",
|
||||
author: "Nexora Creative",
|
||||
description: "Complex data visualization for healthcare tracking.",
|
||||
tags: [
|
||||
"Dashboard",
|
||||
"Analytics",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-elements-arrangement-with-empty-screen-tablet_23-2148708013.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Nexora"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="portfolio-body" data-section="portfolio-body">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
title="Our Work"
|
||||
description="Featured projects showcasing our vision."
|
||||
products={[
|
||||
{ id: "p1", name: "Brand Identity X", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443503.jpg" },
|
||||
{ id: "p2", name: "Nexora UI Suite", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/blank-white-notebook-laptop-waffle-coffee-cup-tablecloth-white-background_23-2148061440.jpg" },
|
||||
{ id: "p3", name: "Game Thumbnails", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443520.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -3,80 +3,67 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import { Award, CheckCircle, Clock, Globe, Layout, Star, Users } from "lucide-react";
|
||||
import { Globe, Award, Layout, CheckCircle, Users, Clock, Star } from "lucide-react";
|
||||
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="largeSmall"
|
||||
background="circleGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="normal"
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
brandName="Nexora"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
brandName="Nexora"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-body" data-section="services-body">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Web Design", description: "High-performance, sleek websites.", bentoComponent: { icon: Globe },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-people-digital-world_9975-23272.jpg", imageAlt: "digital design ui ux icons"
|
||||
},
|
||||
{
|
||||
title: "Branding", description: "Identity design that stands out.", bentoComponent: { icon: Award },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-abstract-shape-glowing-grainy-textured_474888-8017.jpg", imageAlt: "digital design ui ux icons"
|
||||
},
|
||||
{
|
||||
title: "UI/UX Design", description: "Intuitive, premium user interfaces.", bentoComponent: { icon: Layout },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443503.jpg", imageAlt: "digital design ui ux icons"
|
||||
}
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Premium digital solutions crafted for innovation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
description="Measuring success through results."
|
||||
metrics={[
|
||||
{ id: "m1", icon: CheckCircle, title: "Projects Completed", value: "150+" },
|
||||
{ id: "m2", icon: Users, title: "Happy Clients", value: "80+" },
|
||||
{ id: "m3", icon: Clock, title: "Hours of Innovation", value: "10k+" },
|
||||
{ id: "m4", icon: Star, title: "Design Awards", value: "12" },
|
||||
{ id: "m5", icon: Globe, title: "Countries Served", value: "25" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="services-body" data-section="services-body">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Our Services"
|
||||
description="Premium digital solutions crafted for innovation."
|
||||
features={[
|
||||
{
|
||||
title: "Web Design",
|
||||
description: "High-performance, sleek websites.",
|
||||
bentoComponent: { bentoComponent: 'reveal-icon', icon: Globe },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-people-digital-world_9975-23272.jpg"
|
||||
},
|
||||
{
|
||||
title: "Branding",
|
||||
description: "Identity design that stands out.",
|
||||
bentoComponent: { bentoComponent: 'reveal-icon', icon: Award },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-abstract-shape-glowing-grainy-textured_474888-8017.jpg"
|
||||
},
|
||||
{
|
||||
title: "UI/UX Design",
|
||||
description: "Intuitive, premium user interfaces.",
|
||||
bentoComponent: { bentoComponent: 'reveal-icon', icon: Layout },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443503.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user