Merge version_1 into main #2
308
src/app/page.tsx
308
src/app/page.tsx
@@ -29,30 +29,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "/pricing",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "/team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Team", id: "/team" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Weelen Studio"
|
||||
/>
|
||||
@@ -60,117 +42,24 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="We Design Brands That Stand Out"
|
||||
description="Premium creative solutions for visionary startups, global brands, and ambitious businesses."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162898.jpg?_wi=1",
|
||||
imageAlt: "Luxury Branding 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-3d-podium-with-lighting-gold-color-yellow-background-podium-stage-award-ceremony-performance-by-artist-stock-3d-redering-illustration_1258-112769.jpg?_wi=1",
|
||||
imageAlt: "Luxury Branding 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913297.jpg?_wi=1",
|
||||
imageAlt: "Luxury Branding 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/credit-cards-gift-luxury-financial-payment-concept_187299-47955.jpg?_wi=1",
|
||||
imageAlt: "Luxury Branding 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-school-classroom_23-2150892874.jpg?_wi=1",
|
||||
imageAlt: "Luxury Branding 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-palm-tree-leaves_23-2148229261.jpg?_wi=1",
|
||||
imageAlt: "Luxury Branding 6",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162898.jpg", imageAlt: "Luxury Branding 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-3d-podium-with-lighting-gold-color-yellow-background-podium-stage-award-ceremony-performance-by-artist-stock-3d-redering-illustration_1258-112769.jpg", imageAlt: "Luxury Branding 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913297.jpg", imageAlt: "Luxury Branding 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/credit-cards-gift-luxury-financial-payment-concept_187299-47955.jpg", imageAlt: "Luxury Branding 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-school-classroom_23-2150892874.jpg", imageAlt: "Luxury Branding 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-palm-tree-leaves_23-2148229261.jpg", imageAlt: "Luxury Branding 6" }
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-palm-tree-leaves_23-2148229261.jpg?_wi=2",
|
||||
imageAlt: "Luxury Branding 6",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-school-classroom_23-2150892874.jpg?_wi=2",
|
||||
imageAlt: "Luxury Branding 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/credit-cards-gift-luxury-financial-payment-concept_187299-47955.jpg?_wi=2",
|
||||
imageAlt: "Luxury Branding 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913297.jpg?_wi=2",
|
||||
imageAlt: "Luxury Branding 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-3d-podium-with-lighting-gold-color-yellow-background-podium-stage-award-ceremony-performance-by-artist-stock-3d-redering-illustration_1258-112769.jpg?_wi=2",
|
||||
imageAlt: "Luxury Branding 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162898.jpg?_wi=2",
|
||||
imageAlt: "Luxury Branding 1",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
text: "View Work",
|
||||
href: "/services",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/thoughtful-blond-business-woman-sitting-couch_23-2148095700.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-smiling-woman-dressed-black-sweater-posing_114579-81856.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-posing_23-2148452676.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lady-winking-asking-keep-secret-white-backdrop-happy-short-haired-woman-black-jacket-smiles-isolated-background_197531-18490.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 50+ visionary founders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovative Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Strategic Branding",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Execution",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Aesthetic",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Digital Excellence",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-palm-tree-leaves_23-2148229261.jpg", imageAlt: "Luxury Branding 6" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-school-classroom_23-2150892874.jpg", imageAlt: "Luxury Branding 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/credit-cards-gift-luxury-financial-payment-concept_187299-47955.jpg", imageAlt: "Luxury Branding 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913297.jpg", imageAlt: "Luxury Branding 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-3d-podium-with-lighting-gold-color-yellow-background-podium-stage-award-ceremony-performance-by-artist-stock-3d-redering-illustration_1258-112769.jpg", imageAlt: "Luxury Branding 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162898.jpg", imageAlt: "Luxury Branding 1" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -181,30 +70,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Branding & Identity",
|
||||
description: "Crafting timeless brand stories.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162898.jpg?_wi=3",
|
||||
imageAlt: "luxury studio branding",
|
||||
},
|
||||
{
|
||||
title: "Digital Experiences",
|
||||
description: "Immersive UI/UX design.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-3d-podium-with-lighting-gold-color-yellow-background-podium-stage-award-ceremony-performance-by-artist-stock-3d-redering-illustration_1258-112769.jpg?_wi=3",
|
||||
imageAlt: "abstract gold geometric",
|
||||
},
|
||||
{
|
||||
title: "Graphic Design",
|
||||
description: "Elite-level visual assets.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Palette,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913297.jpg?_wi=3",
|
||||
imageAlt: "ui ux design mockup",
|
||||
},
|
||||
{ title: "Branding & Identity", description: "Crafting timeless brand stories.", bentoComponent: "reveal-icon", icon: Shield },
|
||||
{ title: "Digital Experiences", description: "Immersive UI/UX design.", bentoComponent: "reveal-icon", icon: Zap },
|
||||
{ title: "Graphic Design", description: "Elite-level visual assets.", bentoComponent: "reveal-icon", icon: Palette }
|
||||
]}
|
||||
title="Services Overview"
|
||||
description="High-end design services tailored for luxury results."
|
||||
@@ -215,142 +83,26 @@ export default function LandingPage() {
|
||||
<TestimonialCardOne
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-blond-business-woman-sitting-couch_23-2148095700.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "CMO",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-woman-dressed-black-sweater-posing_114579-81856.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena V.",
|
||||
role: "Founder",
|
||||
company: "StartupX",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-posing_23-2148452676.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
role: "Director",
|
||||
company: "BizLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe T.",
|
||||
role: "Lead",
|
||||
company: "Innovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lady-winking-asking-keep-secret-white-backdrop-happy-short-haired-woman-black-jacket-smiles-isolated-background_197531-18490.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-blond-business-woman-sitting-couch_23-2148095700.jpg" },
|
||||
{ id: "2", name: "Mark D.", role: "CMO", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-smiling-woman-dressed-black-sweater-posing_114579-81856.jpg" },
|
||||
{ id: "3", name: "Elena V.", role: "Founder", company: "StartupX", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-posing_23-2148452676.jpg" },
|
||||
{ id: "4", name: "David L.", role: "Director", company: "BizLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg" },
|
||||
{ id: "5", name: "Chloe T.", role: "Lead", company: "Innovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lady-winking-asking-keep-secret-white-backdrop-happy-short-haired-woman-black-jacket-smiles-isolated-background_197531-18490.jpg" }
|
||||
]}
|
||||
title="Trusted by Brands"
|
||||
description="See why our partners value our creative edge."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
description="Numbers that define our creative legacy."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45",
|
||||
description: "Global Brands",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12",
|
||||
description: "Design Awards",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "100%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
value: "5",
|
||||
description: "Years of Excellence",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Partnership Ecosystem"
|
||||
description="Collaborating with industry leaders worldwide."
|
||||
names={[
|
||||
"TechCorp",
|
||||
"InnovateX",
|
||||
"GrowthFlow",
|
||||
"DesignLab",
|
||||
"VisionaryCo",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Weelen Studio"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -3,11 +3,10 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function TeamPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
@@ -25,30 +24,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "/pricing",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "/team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "Pricing", id: "/pricing" },
|
||||
{ name: "Team", id: "/team" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Weelen Studio"
|
||||
/>
|
||||
@@ -58,99 +39,29 @@ export default function LandingPage() {
|
||||
<TeamCardTwo
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
role: "Creative Director",
|
||||
description: "Leading design vision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-grey-suit-outdoors_1303-29564.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex R.", role: "Creative Director", description: "Leading design vision.", imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-grey-suit-outdoors_1303-29564.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maria S.",
|
||||
role: "UI/UX Designer",
|
||||
description: "Crafting digital experiences.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg",
|
||||
},
|
||||
id: "t2", name: "Maria S.", role: "UI/UX Designer", description: "Crafting digital experiences.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "James K.",
|
||||
role: "Brand Strategist",
|
||||
description: "Defining market impact.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149362876.jpg",
|
||||
},
|
||||
id: "t3", name: "James K.", role: "Brand Strategist", description: "Defining market impact.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149362876.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Lisa M.",
|
||||
role: "Art Director",
|
||||
description: "Visual storytelling master.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg",
|
||||
},
|
||||
id: "t4", name: "Lisa M.", role: "Art Director", description: "Visual storytelling master.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg"},
|
||||
]}
|
||||
title="Our Expert Team"
|
||||
description="Meet the creative minds behind the studio."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Our Talent"
|
||||
description="The strength of our creative workforce."
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "25+",
|
||||
description: "Experts",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "5",
|
||||
description: "Departments",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Weelen Studio"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user