Merge version_1 into main #1
175
src/app/page.tsx
175
src/app/page.tsx
@@ -10,7 +10,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import { Code, Facebook, Github, Linkedin, Palette, Rocket, Search, User } from "lucide-react";
|
||||
import { Code, Facebook, Github, Linkedin, Palette, Rocket, Search, User, Utensils, Coffee, Store, Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,71 +31,41 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "#portfolio"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "#process",
|
||||
},
|
||||
name: "Process", id: "#process"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Y · Studio"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Websites built for Cairo's restaurants, cafés & stores."
|
||||
description="I create bespoke, high-performance digital experiences tailored to elevate your local business. From stunning visuals to seamless functionality, I ensure your online presence perfectly reflects your brand's unique charm."
|
||||
tag="Cairo, Egypt · Web Design Studio"
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "View My Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "View My Services", href: "#services"},
|
||||
{
|
||||
text: "Get In Touch",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get In Touch", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865364.jpg",
|
||||
imageAlt: "Modern restaurant website design on a laptop",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865364.jpg", imageAlt: "Modern restaurant website design on a laptop"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345424.jpg",
|
||||
imageAlt: "Sleek cafe website design on a tablet",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-yummy-cakes-with-strawberries-candies-white-surface-celebration-tea-sweet-biscuit-sugar-cake-cream_140725-101975.jpg",
|
||||
imageAlt: "Person taking photo of cherries and blueberries on plate with smartphone",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336705.jpg",
|
||||
imageAlt: "3d character emerging from a smartphone",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-eating-delicious-pasta-dish_23-2148149131.jpg",
|
||||
imageAlt: "Hands taking noodles photos flat lay",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345424.jpg", imageAlt: "Sleek cafe website design on a tablet"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -122,29 +92,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "01 Restaurant Websites",
|
||||
description: "Elegant online menus, seamless reservation systems, and visually rich galleries that entice diners.",
|
||||
buttonIcon: "Utensils",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-woman-ready-sending-orders_482257-76141.jpg",
|
||||
},
|
||||
title: "01 Restaurant Websites", description: "Elegant online menus, seamless reservation systems, and visually rich galleries that entice diners.", buttonIcon: Utensils,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-woman-ready-sending-orders_482257-76141.jpg"},
|
||||
{
|
||||
title: "02 Café Websites",
|
||||
description: "Showcase your cozy ambiance, daily specials, and easy online ordering for your loyal customers.",
|
||||
buttonIcon: "Coffee",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/14-caffeine-streaming-social-media-icon-pack_1142-20076.jpg",
|
||||
},
|
||||
title: "02 Café Websites", description: "Showcase your cozy ambiance, daily specials, and easy online ordering for your loyal customers.", buttonIcon: Coffee,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/14-caffeine-streaming-social-media-icon-pack_1142-20076.jpg"},
|
||||
{
|
||||
title: "03 Local Store Websites",
|
||||
description: "From product showcases to integrated e-commerce, I build sites that convert browsers into buyers.",
|
||||
buttonIcon: "Store",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fabulous-life-shopping-online-feminine_53876-125599.jpg",
|
||||
},
|
||||
title: "03 Local Store Websites", description: "From product showcases to integrated e-commerce, I build sites that convert browsers into buyers.", buttonIcon: Store,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fabulous-life-shopping-online-feminine_53876-125599.jpg"},
|
||||
{
|
||||
title: "04 Custom Solutions",
|
||||
description: "Beyond standard templates, I build unique features and functionalities specific to your business needs.",
|
||||
buttonIcon: "Sparkles",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/isometric-illustration-window-opening-wall_1057-219169.jpg",
|
||||
},
|
||||
title: "04 Custom Solutions", description: "Beyond standard templates, I build unique features and functionalities specific to your business needs.", buttonIcon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/isometric-illustration-window-opening-wall_1057-219169.jpg"},
|
||||
]}
|
||||
title="Specialized Web Design for Local Businesses"
|
||||
description="I offer tailored web design solutions that capture the essence of your brand and connect with your local audience."
|
||||
@@ -160,47 +118,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Restaurant Project",
|
||||
price: "Coming Soon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cups-smartphone-white-background_187299-46381.jpg",
|
||||
imageAlt: "Coming soon restaurant website mockup",
|
||||
},
|
||||
id: "p1", name: "Restaurant Project", price: "Coming Soon", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cups-smartphone-white-background_187299-46381.jpg", imageAlt: "Coming soon restaurant website mockup"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Café Project",
|
||||
price: "Coming Soon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lightbox-still-life-arrangement_23-2149198397.jpg",
|
||||
imageAlt: "Coming soon cafe website mockup",
|
||||
},
|
||||
id: "p2", name: "Café Project", price: "Coming Soon", imageSrc: "http://img.b2bpic.net/free-photo/lightbox-still-life-arrangement_23-2149198397.jpg", imageAlt: "Coming soon cafe website mockup"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Local Store Project",
|
||||
price: "Coming Soon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-shopping-cart-white-glitter-with-gift_23-2148667015.jpg",
|
||||
imageAlt: "Coming soon local store website mockup",
|
||||
},
|
||||
id: "p3", name: "Local Store Project", price: "Coming Soon", imageSrc: "http://img.b2bpic.net/free-photo/golden-shopping-cart-white-glitter-with-gift_23-2148667015.jpg", imageAlt: "Coming soon local store website mockup"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Boutique Project",
|
||||
price: "Coming Soon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/youth-spirit-teenager-personality-characteristics_53876-13855.jpg",
|
||||
imageAlt: "Coming soon boutique website mockup",
|
||||
},
|
||||
id: "p4", name: "Boutique Project", price: "Coming Soon", imageSrc: "http://img.b2bpic.net/free-photo/youth-spirit-teenager-personality-characteristics_53876-13855.jpg", imageAlt: "Coming soon boutique website mockup"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Bakery Project",
|
||||
price: "Coming Soon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-baker-holding-blank-digital-tablet-with-baked-breads_23-2147883530.jpg",
|
||||
imageAlt: "Coming soon bakery website mockup",
|
||||
},
|
||||
id: "p5", name: "Bakery Project", price: "Coming Soon", imageSrc: "http://img.b2bpic.net/free-photo/male-baker-holding-blank-digital-tablet-with-baked-breads_23-2147883530.jpg", imageAlt: "Coming soon bakery website mockup"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Grocery Project",
|
||||
price: "Coming Soon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-notepad-vegetables-kitchen-table-preparing-recipe_169016-24559.jpg",
|
||||
imageAlt: "Coming soon grocery website mockup",
|
||||
},
|
||||
id: "p6", name: "Grocery Project", price: "Coming Soon", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-notepad-vegetables-kitchen-table-preparing-recipe_169016-24559.jpg", imageAlt: "Coming soon grocery website mockup"},
|
||||
]}
|
||||
title="Portfolio: Websites for Cairo's Best"
|
||||
description="A glimpse into digital spaces I've crafted, designed to tell unique stories and drive local engagement. Many more projects are currently underway."
|
||||
@@ -216,32 +144,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "01",
|
||||
title: "Discovery",
|
||||
description: "Understanding your brand, audience, and unique business goals.",
|
||||
icon: Search,
|
||||
id: "m1", value: "01", title: "Discovery", description: "Understanding your brand, audience, and unique business goals.", icon: Search,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "02",
|
||||
title: "Design",
|
||||
description: "Crafting stunning visuals and intuitive user experiences tailored to your vision.",
|
||||
icon: Palette,
|
||||
id: "m2", value: "02", title: "Design", description: "Crafting stunning visuals and intuitive user experiences tailored to your vision.", icon: Palette,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "03",
|
||||
title: "Build",
|
||||
description: "Developing a responsive, fast, and robust website with clean code.",
|
||||
icon: Code,
|
||||
id: "m3", value: "03", title: "Build", description: "Developing a responsive, fast, and robust website with clean code.", icon: Code,
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "04",
|
||||
title: "Launch",
|
||||
description: "Deploying your new website and ensuring a smooth, successful debut.",
|
||||
icon: Rocket,
|
||||
id: "m4", value: "04", title: "Launch", description: "Deploying your new website and ensuring a smooth, successful debut.", icon: Rocket,
|
||||
},
|
||||
]}
|
||||
title="A Transparent Journey from Vision to Launch"
|
||||
@@ -254,22 +166,15 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Ready to build your dream website? Let's connect and transform your vision into a stunning digital reality for your Cairo business."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call 0103 8986550",
|
||||
href: "tel:01038986550",
|
||||
},
|
||||
text: "Call 0103 8986550", href: "tel:01038986550"},
|
||||
{
|
||||
text: "WhatsApp Now",
|
||||
href: "https://wa.me/201038986550",
|
||||
},
|
||||
text: "WhatsApp Now", href: "https://wa.me/201038986550"},
|
||||
{
|
||||
text: "Email zurichkairo@gmail.com",
|
||||
href: "mailto:zurichkairo@gmail.com",
|
||||
},
|
||||
text: "Email zurichkairo@gmail.com", href: "mailto:zurichkairo@gmail.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -281,19 +186,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Github,
|
||||
href: "#",
|
||||
ariaLabel: "GitHub profile",
|
||||
},
|
||||
href: "#", ariaLabel: "GitHub profile"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn profile",
|
||||
},
|
||||
href: "#", ariaLabel: "LinkedIn profile"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook page",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook page"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user