Merge version_1 into main #2
@@ -7,113 +7,62 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import { PenTool, Volume2 } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function BlogPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
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">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "/blog",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C5FBiBwL10m47Re4hogvO8yqMT/uploaded-1775667889226-bvr98wu5.jpg"
|
||||
brandName="Corex Solution"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Blog", id: "/blog" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C5FBiBwL10m47Re4hogvO8yqMT/uploaded-1775667889226-bvr98wu5.jpg"
|
||||
brandName="Corex Solution"
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Latest Insights"
|
||||
description="Industry updates and tips."
|
||||
features={[
|
||||
{
|
||||
icon: PenTool,
|
||||
title: "UI Trends",
|
||||
description: "Modern layout techniques.",
|
||||
},
|
||||
{
|
||||
icon: Volume2,
|
||||
title: "SEO 2026",
|
||||
description: "Future of search.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Latest Insights"
|
||||
description="Industry updates and tips."
|
||||
features={[
|
||||
{ icon: PenTool, title: "UI Trends", description: "Modern layout techniques." },
|
||||
{ icon: Volume2, title: "SEO 2026", description: "Future of search." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Corex Solution"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Web Development",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "SEO",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://www.linkedin.com/in/nimra-arfan-8ab088286",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/923285921654",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2026 Corex Solution. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Corex Solution"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "/contact" }] },
|
||||
{ title: "Services", items: [{ label: "Web Development", href: "/services" }, { label: "SEO", href: "/services" }] },
|
||||
{ title: "Social", items: [{ label: "LinkedIn", href: "#" }, { label: "WhatsApp", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2026 Corex Solution. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -8,136 +8,77 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import { Mail, Phone } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
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">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "/blog",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C5FBiBwL10m47Re4hogvO8yqMT/uploaded-1775667889226-bvr98wu5.jpg"
|
||||
brandName="Corex Solution"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Blog", id: "/blog" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C5FBiBwL10m47Re4hogvO8yqMT/uploaded-1775667889226-bvr98wu5.jpg"
|
||||
brandName="Corex Solution"
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Get In Touch"
|
||||
description="We are ready to start your next big project."
|
||||
metrics={[
|
||||
{
|
||||
id: "con1",
|
||||
value: "100%",
|
||||
description: "Commitment",
|
||||
},
|
||||
{
|
||||
id: "con2",
|
||||
value: "24/7",
|
||||
description: "Support",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Get In Touch"
|
||||
description="We are ready to start your next big project."
|
||||
metrics={[
|
||||
{ id: "con1", value: "100%", description: "Commitment" },
|
||||
{ id: "con2", value: "24/7", description: "Support" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Contact Channels"
|
||||
description="Reach out through your preferred medium."
|
||||
features={[
|
||||
{
|
||||
icon: Mail,
|
||||
title: "Email Us",
|
||||
description: "hello@corex.com",
|
||||
},
|
||||
{
|
||||
icon: Phone,
|
||||
title: "Call Us",
|
||||
description: "+92 328 592 1654",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Contact Channels"
|
||||
description="Reach out through your preferred medium."
|
||||
features={[
|
||||
{ icon: Mail, title: "Email Us", description: "hello@corex.com" },
|
||||
{ icon: Phone, title: "Call Us", description: "+92 328 592 1654" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Corex Solution"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Web Development",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "SEO",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://www.linkedin.com/in/nimra-arfan-8ab088286",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/923285921654",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2026 Corex Solution. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Corex Solution"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "/contact" }] },
|
||||
{ title: "Services", items: [{ label: "Web Development", href: "/services" }, { label: "SEO", href: "/services" }] },
|
||||
{ title: "Social", items: [{ label: "LinkedIn", href: "#" }, { label: "WhatsApp", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2026 Corex Solution. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
347
src/app/page.tsx
347
src/app/page.tsx
@@ -16,257 +16,118 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
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">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "/blog",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C5FBiBwL10m47Re4hogvO8yqMT/uploaded-1775667889226-bvr98wu5.jpg"
|
||||
brandName="Corex Solution"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Blog", id: "/blog" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C5FBiBwL10m47Re4hogvO8yqMT/uploaded-1775667889226-bvr98wu5.jpg"
|
||||
brandName="Corex Solution"
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Architecting Digital Excellence for Your Brand"
|
||||
description="Corex Solution delivers enterprise-level website development, SEO, and digital strategy. We transform your business identity into a high-converting digital presence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "View Portfolio",
|
||||
href: "/portfolio",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-carbon-fibre-texture-background_1048-9854.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "testimonial-4",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-man_171337-11976.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ global brands"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Architecting Digital Excellence for Your Brand"
|
||||
description="Corex Solution delivers enterprise-level website development, SEO, and digital strategy. We transform your business identity into a high-converting digital presence."
|
||||
buttons={[{ text: "Get Free Quote", href: "/contact" }, { text: "View Portfolio", href: "/portfolio" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-carbon-fibre-texture-background_1048-9854.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-man_171337-11976.jpg", alt: "Client 5" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ global brands"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services-preview" data-section="services-preview">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Website Designing",
|
||||
tags: [
|
||||
"UX/UI",
|
||||
"Development",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-graphic-overlay-banner-laptop_53876-120748.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Store Management",
|
||||
tags: [
|
||||
"Shopify",
|
||||
"Maintenance",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-holding-smartphone-with-horizontal-green-screen-business-office-young-adult-working-with-blank-chroma-key-isolated-template-with-mockup-background-mobile-phone-display_482257-40952.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Digital Marketing",
|
||||
tags: [
|
||||
"Growth",
|
||||
"SEO",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904319.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
title="Our Specialized Agency Services"
|
||||
description="Premium solutions designed for scaling your business in the digital landscape."
|
||||
/>
|
||||
</div>
|
||||
<div id="services-preview" data-section="services-preview">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Website Designing", tags: ["UX/UI", "Development"], imageSrc: "http://img.b2bpic.net/free-photo/network-graphic-overlay-banner-laptop_53876-120748.jpg" },
|
||||
{ id: "f2", title: "Store Management", tags: ["Shopify", "Maintenance"], imageSrc: "http://img.b2bpic.net/free-photo/male-worker-holding-smartphone-with-horizontal-green-screen-business-office-young-adult-working-with-blank-chroma-key-isolated-template-with-mockup-background-mobile-phone-display_482257-40952.jpg" },
|
||||
{ id: "f3", title: "Digital Marketing", tags: ["Growth", "SEO"], imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904319.jpg" }
|
||||
]}
|
||||
title="Our Specialized Agency Services"
|
||||
description="Premium solutions designed for scaling your business in the digital landscape."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="stats" data-section="stats">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Impact In Numbers"
|
||||
tag="Trusted Success"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Projects Delivered",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45%",
|
||||
description: "Avg Growth Increase",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Client Support",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="stats" data-section="stats">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Impact In Numbers"
|
||||
tag="Trusted Success"
|
||||
metrics={[
|
||||
{ id: "m1", value: "150+", description: "Projects Delivered" },
|
||||
{ id: "m2", value: "45%", description: "Avg Growth Increase" },
|
||||
{ id: "m3", value: "24/7", description: "Client Support" }
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Shopify Store Owner",
|
||||
testimonial: "Corex Solution transformed our online store. Design is premium and conversions improved drastically.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
role: "Marketing Director",
|
||||
testimonial: "Amazing WordPress design with smooth UI. Excellent SEO structure. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emma R.",
|
||||
role: "CEO, GrowthCo",
|
||||
testimonial: "Leads increased after their SEO and digital strategy. Very fast communication.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
role: "Ecommerce Lead",
|
||||
testimonial: "They handled our monthly updates perfectly. Smooth and error-free.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "James L.",
|
||||
role: "Business Founder",
|
||||
testimonial: "Best agency experience. Modern design, strong branding, and smooth delivery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-man_171337-11976.jpg",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Businesses Worldwide"
|
||||
description="Real client success stories from website development, SEO, and digital marketing."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah J.", role: "Shopify Store Owner", testimonial: "Corex Solution transformed our online store. Design is premium and conversions improved drastically.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg" },
|
||||
{ id: "t2", name: "Mark D.", role: "Marketing Director", testimonial: "Amazing WordPress design with smooth UI. Excellent SEO structure. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg" },
|
||||
{ id: "t3", name: "Emma R.", role: "CEO, GrowthCo", testimonial: "Leads increased after their SEO and digital strategy. Very fast communication.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg" },
|
||||
{ id: "t4", name: "David K.", role: "Ecommerce Lead", testimonial: "They handled our monthly updates perfectly. Smooth and error-free.", imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg" },
|
||||
{ id: "t5", name: "James L.", role: "Business Founder", testimonial: "Best agency experience. Modern design, strong branding, and smooth delivery.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-man_171337-11976.jpg" }
|
||||
]}
|
||||
title="Trusted by Businesses Worldwide"
|
||||
description="Real client success stories from website development, SEO, and digital marketing."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Clear answers to your most pressing questions about our agency process and services."
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do you ensure project quality?",
|
||||
content: "We follow a rigorous agile methodology with multi-stage QA testing.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is the typical turnaround time?",
|
||||
content: "Depending on project scope, usually 4-8 weeks for a complete digital package.",
|
||||
},
|
||||
]}
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Clear answers to your most pressing questions about our agency process and services."
|
||||
faqs={[
|
||||
{ id: "q1", title: "How do you ensure project quality?", content: "We follow a rigorous agile methodology with multi-stage QA testing." },
|
||||
{ id: "q2", title: "What is the typical turnaround time?", content: "Depending on project scope, usually 4-8 weeks for a complete digital package." }
|
||||
]}
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Corex Solution"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Web Development",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "SEO",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://www.linkedin.com/in/nimra-arfan-8ab088286",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/923285921654",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2026 Corex Solution. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Corex Solution"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "/contact" }] },
|
||||
{ title: "Services", items: [{ label: "Web Development", href: "/services" }, { label: "SEO", href: "/services" }] },
|
||||
{ title: "Social", items: [{ label: "LinkedIn", href: "#" }, { label: "WhatsApp", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2026 Corex Solution. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -8,138 +8,78 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import { Rocket, ShieldCheck } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function PortfolioPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
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">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "/blog",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C5FBiBwL10m47Re4hogvO8yqMT/uploaded-1775667889226-bvr98wu5.jpg"
|
||||
brandName="Corex Solution"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Blog", id: "/blog" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C5FBiBwL10m47Re4hogvO8yqMT/uploaded-1775667889226-bvr98wu5.jpg"
|
||||
brandName="Corex Solution"
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Featured Projects"
|
||||
description="A collection of our success stories."
|
||||
products={[
|
||||
{
|
||||
id: "work1",
|
||||
name: "Brand A",
|
||||
price: "Web App",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-graphic-overlay-banner-laptop_53876-120748.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "work2",
|
||||
name: "Brand B",
|
||||
price: "Marketing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904319.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Featured Projects"
|
||||
description="A collection of our success stories."
|
||||
products={[
|
||||
{ id: "work1", name: "Brand A", price: "Web App", imageSrc: "https://via.placeholder.com/400" },
|
||||
{ id: "work2", name: "Brand B", price: "Marketing", imageSrc: "https://via.placeholder.com/400" },
|
||||
{ id: "work3", name: "Brand C", price: "Design", imageSrc: "https://via.placeholder.com/400" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Us"
|
||||
description="Design that delivers ROI."
|
||||
features={[
|
||||
{
|
||||
icon: Rocket,
|
||||
title: "Fast Deployment",
|
||||
description: "Optimized delivery pipelines.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Security First",
|
||||
description: "Robust protection.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Us"
|
||||
description="Design that delivers ROI."
|
||||
features={[
|
||||
{ icon: Rocket, title: "Fast Deployment", description: "Optimized delivery pipelines." },
|
||||
{ icon: ShieldCheck, title: "Security First", description: "Robust protection." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Corex Solution"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Web Development",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "SEO",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://www.linkedin.com/in/nimra-arfan-8ab088286",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/923285921654",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2026 Corex Solution. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Corex Solution"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "/contact" }] },
|
||||
{ title: "Services", items: [{ label: "Web Development", href: "/services" }, { label: "SEO", href: "/services" }] },
|
||||
{ title: "Social", items: [{ label: "LinkedIn", href: "#" }, { label: "WhatsApp", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2026 Corex Solution. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -7,113 +7,62 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import { BarChart2, Code } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ServicesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
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">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "/portfolio",
|
||||
},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "/blog",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C5FBiBwL10m47Re4hogvO8yqMT/uploaded-1775667889226-bvr98wu5.jpg"
|
||||
brandName="Corex Solution"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Portfolio", id: "/portfolio" },
|
||||
{ name: "Blog", id: "/blog" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C5FBiBwL10m47Re4hogvO8yqMT/uploaded-1775667889226-bvr98wu5.jpg"
|
||||
brandName="Corex Solution"
|
||||
button={{ text: "Get Started", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Comprehensive Solutions"
|
||||
description="We offer holistic digital transformation services."
|
||||
features={[
|
||||
{
|
||||
icon: Code,
|
||||
title: "Development",
|
||||
description: "Full-stack custom builds.",
|
||||
},
|
||||
{
|
||||
icon: BarChart2,
|
||||
title: "Analytics",
|
||||
description: "Data-driven growth strategies.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Comprehensive Solutions"
|
||||
description="We offer holistic digital transformation services."
|
||||
features={[
|
||||
{ icon: Code, title: "Development", description: "Full-stack custom builds." },
|
||||
{ icon: BarChart2, title: "Analytics", description: "Data-driven growth strategies." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Corex Solution"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Web Development",
|
||||
href: "/services",
|
||||
},
|
||||
{
|
||||
label: "SEO",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://www.linkedin.com/in/nimra-arfan-8ab088286",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/923285921654",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2026 Corex Solution. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Corex Solution"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "/contact" }] },
|
||||
{ title: "Services", items: [{ label: "Web Development", href: "/services" }, { label: "SEO", href: "/services" }] },
|
||||
{ title: "Social", items: [{ label: "LinkedIn", href: "#" }, { label: "WhatsApp", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2026 Corex Solution. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user