Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
278
src/app/page.tsx
278
src/app/page.tsx
@@ -30,67 +30,32 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="U-GROW"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
}}
|
||||
button={{ text: "Get Started" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Crafting Future-Ready Digital Experiences"
|
||||
description="Premium creative freelancer turning ideas into high-end visual reality. Elevating brands with precision and elegance."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Portfolio",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View Portfolio" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/designer-desk-architectural-tools-notebook-working-place-concept_53876-123770.jpg",
|
||||
imageAlt: "Experience 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-inspirational-mood-board_23-2150975995.jpg",
|
||||
imageAlt: "Experience 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-business-cards_93675-128237.jpg",
|
||||
imageAlt: "Experience 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2392.jpg",
|
||||
imageAlt: "Experience 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-business-cards-brochures_23-2147728535.jpg",
|
||||
imageAlt: "Experience 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desk-flat-lay-with-tablet_52683-86163.jpg",
|
||||
imageAlt: "Experience 6",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/designer-desk-architectural-tools-notebook-working-place-concept_53876-123770.jpg", imageAlt: "Experience 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/rendering-inspirational-mood-board_23-2150975995.jpg", imageAlt: "Experience 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blank-business-cards_93675-128237.jpg", imageAlt: "Experience 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2392.jpg", imageAlt: "Experience 4" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/white-business-cards-brochures_23-2147728535.jpg", imageAlt: "Experience 5" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/desk-flat-lay-with-tablet_52683-86163.jpg", imageAlt: "Experience 6" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -99,44 +64,19 @@ export default function LandingPage() {
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="About U-GROW"
|
||||
description={[
|
||||
"I am a creative freelancer specialized in digital design and strategy. With a foundation in modern tech stack development and graphic design, I bring brands to life with luxury aesthetics and high-performance UX.",
|
||||
]}
|
||||
description={["I am a creative freelancer specialized in digital design and strategy. With a foundation in modern tech stack development and graphic design, I bring brands to life with luxury aesthetics and high-performance UX."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Landing Page Design",
|
||||
tags: [
|
||||
"Modern",
|
||||
"High-Conversion",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-analytics-financial-technology-concept-generative-ai_8829-2894.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Social Media Design",
|
||||
tags: [
|
||||
"Engagement",
|
||||
"Visual",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-working-digital-device-network-graphic-overlay_53876-132150.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Business Cards",
|
||||
tags: [
|
||||
"Print",
|
||||
"Luxury",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-man-hand-holding-cash-money-coin-wallet_107791-16208.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Landing Page Design", tags: ["Modern", "High-Conversion"], imageSrc: "http://img.b2bpic.net/free-photo/business-analytics-financial-technology-concept-generative-ai_8829-2894.jpg" },
|
||||
{ id: "f2", title: "Social Media Design", tags: ["Engagement", "Visual"], imageSrc: "http://img.b2bpic.net/free-photo/hands-working-digital-device-network-graphic-overlay_53876-132150.jpg" },
|
||||
{ id: "f3", title: "Business Cards", tags: ["Print", "Luxury"], imageSrc: "http://img.b2bpic.net/free-photo/3d-man-hand-holding-cash-money-coin-wallet_107791-16208.jpg" },
|
||||
]}
|
||||
title="Expertise & Services"
|
||||
description="Tailored solutions for growth-oriented brands and individuals."
|
||||
@@ -145,64 +85,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Tech",
|
||||
name: "Website Interface",
|
||||
price: "View Project",
|
||||
rating: 5,
|
||||
reviewCount: "2024",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desk-with-notepad-positive-messages_1134-97.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Design",
|
||||
name: "Campaign Poster",
|
||||
price: "View Project",
|
||||
rating: 5,
|
||||
reviewCount: "2024",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-inspirational-mood-board_23-2150976006.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Branding",
|
||||
name: "Corporate Identity",
|
||||
price: "View Project",
|
||||
rating: 5,
|
||||
reviewCount: "2024",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-name-card-pink-paper-textured-paint-background_53876-133269.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "UX/UI",
|
||||
name: "Mobile App UI",
|
||||
price: "View Project",
|
||||
rating: 5,
|
||||
reviewCount: "2024",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104509.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Print",
|
||||
name: "Premium Cards",
|
||||
price: "View Project",
|
||||
rating: 5,
|
||||
reviewCount: "2024",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-lives-matter-with-colorful-striped-background-social-media-post_53876-102431.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Art",
|
||||
name: "Graphic Illustration",
|
||||
price: "View Project",
|
||||
rating: 5,
|
||||
reviewCount: "2024",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-white-drawer-with-blue-handle_187299-47863.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Tech", name: "Website Interface", price: "View Project", rating: 5, reviewCount: "2024", imageSrc: "http://img.b2bpic.net/free-photo/desk-with-notepad-positive-messages_1134-97.jpg" },
|
||||
{ id: "p2", brand: "Design", name: "Campaign Poster", price: "View Project", rating: 5, reviewCount: "2024", imageSrc: "http://img.b2bpic.net/free-photo/rendering-inspirational-mood-board_23-2150976006.jpg" },
|
||||
{ id: "p3", brand: "Branding", name: "Corporate Identity", price: "View Project", rating: 5, reviewCount: "2024", imageSrc: "http://img.b2bpic.net/free-photo/blank-name-card-pink-paper-textured-paint-background_53876-133269.jpg" },
|
||||
{ id: "p4", brand: "UX/UI", name: "Mobile App UI", price: "View Project", rating: 5, reviewCount: "2024", imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104509.jpg" },
|
||||
{ id: "p5", brand: "Print", name: "Premium Cards", price: "View Project", rating: 5, reviewCount: "2024", imageSrc: "http://img.b2bpic.net/free-photo/black-lives-matter-with-colorful-striped-background-social-media-post_53876-102431.jpg" },
|
||||
{ id: "p6", brand: "Art", name: "Graphic Illustration", price: "View Project", rating: 5, reviewCount: "2024", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-white-drawer-with-blue-handle_187299-47863.jpg" },
|
||||
]}
|
||||
title="Selected Works"
|
||||
description="Showcasing premium design projects."
|
||||
@@ -211,57 +104,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "pr1",
|
||||
badge: "Landing Page",
|
||||
price: "200-400 MAD",
|
||||
subtitle: "High conversion websites",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Responsive",
|
||||
"Modern UI",
|
||||
"Optimized",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pr2",
|
||||
badge: "Social Media",
|
||||
price: "100 MAD",
|
||||
subtitle: "Stunning visuals",
|
||||
buttons: [
|
||||
{
|
||||
text: "Order Design",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Custom Art",
|
||||
"Fast Turnaround",
|
||||
"Brand aligned",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pr3",
|
||||
badge: "Business Card",
|
||||
price: "100 MAD",
|
||||
subtitle: "Luxury print ready",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Design",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Print Ready",
|
||||
"Gold Finishes",
|
||||
"Professional",
|
||||
],
|
||||
},
|
||||
{ id: "pr1", badge: "Landing Page", price: "200-400 MAD", subtitle: "High conversion websites", buttons: [{ text: "Book Now" }], features: ["Responsive", "Modern UI", "Optimized"] },
|
||||
{ id: "pr2", badge: "Social Media", price: "100 MAD", subtitle: "Stunning visuals", buttons: [{ text: "Order Design" }], features: ["Custom Art", "Fast Turnaround", "Brand aligned"] },
|
||||
{ id: "pr3", badge: "Business Card", price: "100 MAD", subtitle: "Luxury print ready", buttons: [{ text: "Get Design" }], features: ["Print Ready", "Gold Finishes", "Professional"] },
|
||||
]}
|
||||
title="Investment"
|
||||
description="Premium design services for professional needs."
|
||||
@@ -273,46 +122,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Exceptional Work",
|
||||
quote: "U-GROW transformed my brand aesthetic entirely.",
|
||||
name: "Sarah Ahmed",
|
||||
role: "Entrepreneur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328310.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Modern Approach",
|
||||
quote: "Professional, creative, and highly efficient. Highly recommended.",
|
||||
name: "Omar Khalil",
|
||||
role: "Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-confident-man_1098-18449.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Top Tier Design",
|
||||
quote: "The business cards designed are just stunning. Premium finish.",
|
||||
name: "Layla Idrissi",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Great Partner",
|
||||
quote: "U-GROW is the go-to for social media visuals.",
|
||||
name: "Yassine Mansour",
|
||||
role: "Marketing Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Highly Professional",
|
||||
quote: "Exceeded all expectations with my landing page.",
|
||||
name: "Zineb Fassi",
|
||||
role: "SaaS Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Exceptional Work", quote: "U-GROW transformed my brand aesthetic entirely.", name: "Sarah Ahmed", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328310.jpg" },
|
||||
{ id: "t2", title: "Modern Approach", quote: "Professional, creative, and highly efficient. Highly recommended.", name: "Omar Khalil", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/handsome-confident-man_1098-18449.jpg" },
|
||||
{ id: "t3", title: "Top Tier Design", quote: "The business cards designed are just stunning. Premium finish.", name: "Layla Idrissi", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg" },
|
||||
{ id: "t4", title: "Great Partner", quote: "U-GROW is the go-to for social media visuals.", name: "Yassine Mansour", role: "Marketing Lead", imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg" },
|
||||
{ id: "t5", title: "Highly Professional", quote: "Exceeded all expectations with my landing page.", name: "Zineb Fassi", role: "SaaS Owner", imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg" },
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="What partners say about our collaboration."
|
||||
@@ -324,22 +138,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Get In Touch"
|
||||
description="Ready to grow your brand? Contact me directly via WhatsApp 07215621205 or email."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Project details",
|
||||
}}
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Name" }, { name: "email", type: "email", placeholder: "Email" }]}
|
||||
textarea={{ name: "message", placeholder: "Project details" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103283.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user