Merge version_3 into main #10
28
src/app/about/page.tsx
Normal file
28
src/app/about/page.tsx
Normal file
@@ -0,0 +1,28 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
|
||||
export default function AboutPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen navItems={navItems} logoText="Webild" />
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout title="About Us" description="Our company mission." bulletPoints={[]} useInvertedBackground={false} />
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia logoText="Webild" imageSrc="/placeholder.svg" columns={[]} />
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
28
src/app/contact/page.tsx
Normal file
28
src/app/contact/page.tsx
Normal file
@@ -0,0 +1,28 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
|
||||
export default function ContactPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen navItems={navItems} logoText="Webild" />
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit title="Contact Us" description="Reach out today." background={{ variant: "plain" }} />
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia logoText="Webild" imageSrc="/placeholder.svg" columns={[]} />
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
199
src/app/page.tsx
199
src/app/page.tsx
@@ -1,185 +1,34 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Feather, Palette, User } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Works", id: "product" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Helen Rustom"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "plain" }}
|
||||
title="Helen Rustom (هيلين رستم)"
|
||||
description="أرسم المشاعر قبل الملامح - حيث تتجسد الأحاسيس في لوحات رقيقة."
|
||||
buttons={[{ text: "استعرض أعمالي", href: "#product" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-beautiful-blooming-flowers_23-2149316669.jpg"
|
||||
imageAlt="elegant romantic artist painting studio"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="عن الفنانة هيلين رستم"
|
||||
description="فنانة تعشق التفاصيل الرومانسية، تسعى دائماً لنقل المشاعر الإنسانية عبر فرشاة ناعمة وخطوط انسيابية."
|
||||
bulletPoints={[
|
||||
{ title: "بداياتي", description: "بدأت مشواري الفني منذ الطفولة بتجربة الألوان المائية." },
|
||||
{ title: "أسلوبي", description: "أعتمد أسلوباً فنياً عاطفياً يعكس المشاعر الدفينة." },
|
||||
{ title: "هواياتي", description: "أهوى القراءة والموسيقى الكلاسيكية التي تلهم أعمالي." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-woman-posing-nature_23-2149080924.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="young woman artist painting studio"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "الرسم بالرصاص", description: "دقة متناهية في رسم الملامح وتفاصيل الظلال.", bentoComponent: "reveal-icon", icon: Feather
|
||||
},
|
||||
{
|
||||
title: "الرسم الرقمي", description: "دمج الألوان العصرية بلمسة كلاسيكية رومانسية.", bentoComponent: "reveal-icon", icon: Palette
|
||||
},
|
||||
{
|
||||
title: "البورتريه", description: "تصوير المشاعر الصادقة في كل وجه.", bentoComponent: "reveal-icon", icon: User
|
||||
}
|
||||
]}
|
||||
title="أسلوبي الفني"
|
||||
description="ما يميز أعمال هيلين رستم هو التركيز على الجانب العاطفي في كل تفصيلة."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardThree
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{ id: "1", name: "Portrait Sketch", price: "150$", imageSrc: "http://img.b2bpic.net/free-photo/vintage-collage-with-woman-lifeline_23-2150169203.jpg", imageAlt: "artistic sketch portrait drawing pencil" },
|
||||
{ id: "2", name: "Charcoal Study", price: "200$", imageSrc: "http://img.b2bpic.net/free-photo/drawings-about-legal-profession_23-2151190703.jpg", imageAlt: "pencil drawing detailed artistic sketch" },
|
||||
{ id: "3", name: "Digital Dream", price: "180$", imageSrc: "http://img.b2bpic.net/free-photo/surreal-neon-tropical-flowers_23-2151665755.jpg", imageAlt: "digital art illustration floral dreamy" },
|
||||
{ id: "4", name: "Pencil Art", price: "120$", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-artist_23-2147781632.jpg", imageAlt: "sketch drawing minimalist pencil style" },
|
||||
{ id: "5", name: "Abstract Mood", price: "250$", imageSrc: "http://img.b2bpic.net/free-photo/ranunculus-grayscale-with-risograph-effect-remixed-media_53876-128768.jpg", imageAlt: "pencil illustration soft sketching art" },
|
||||
{ id: "6", name: "Soft Portrait", price: "220$", imageSrc: "http://img.b2bpic.net/free-photo/couple-date-garden-valentine-s-theme-hand-drawn-illustration_53876-108695.jpg", imageAlt: "digital drawing artistic soft colors" }
|
||||
]}
|
||||
title="أفضل الرسومات"
|
||||
description="مجموعة مختارة من أعمال هيلين رستم الفنية التي تحكي قصصاً من المشاعر. أضيفي لوحاتك الجديدة عبر واجهة التحكم بتحميل صورة واضحة وتعيين السعر والاسم."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "سارة أحمد", date: "2023", title: "جامعة فنون", quote: "رسوماتها تلمس القلب مباشرة.", tag: "عميلة", avatarSrc: "http://img.b2bpic.net/free-photo/cute-female-artist-looking-happy-enjoyed_259150-60636.jpg"
|
||||
},
|
||||
{
|
||||
id: "2", name: "خالد محمد", date: "2023", title: "مقتنٍ للفنون", quote: "أبدعت في تصوير مشاعري في هذه اللوحة.", tag: "عميل", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-drawing-notebook_23-2150182567.jpg"
|
||||
},
|
||||
{
|
||||
id: "3", name: "ليلى يوسف", date: "2024", title: "محبة للفن", quote: "ألوان هادئة وجمال لا يوصف.", tag: "عميلة", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-young-model-poses-looking-down-showing-eye-makeup-blue-tones_633478-392.jpg"
|
||||
},
|
||||
{
|
||||
id: "4", name: "ياسر علي", date: "2024", title: "مهتم بالفن", quote: "أعمال فنية تفوق التوقعات.", tag: "عميل", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-young-man-posing-studio_23-2151038799.jpg"
|
||||
},
|
||||
{
|
||||
id: "5", name: "منى نور", date: "2024", title: "فنانة", quote: "حساسية عالية في اختيار الخطوط.", tag: "عميلة", avatarSrc: "http://img.b2bpic.net/free-photo/mysterious-beauty-portrait-with-lace-veil_23-2152019597.jpg"
|
||||
}
|
||||
]}
|
||||
title="آراء المحبين"
|
||||
description="ماذا يقول الناس عن الأعمال الفنية لهيلين رستم."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="يوميات هيلين رستم الفنية"
|
||||
description="كواليس العمل والأفكار التي تلهمني يومياً."
|
||||
blogs={[
|
||||
{
|
||||
id: "1", category: "كواليس", title: "كيف أختار موضوع لوحاتي؟", excerpt: "رحلة البحث عن الإلهام في أبسط التفاصيل.", imageSrc: "http://img.b2bpic.net/free-photo/painting-supplies-pictures-table_23-2147863711.jpg", authorName: "هيلين رستم", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-redhead-woman-near-magnolia-twig_8353-10753.jpg", date: "أكتوبر 2023"
|
||||
},
|
||||
{
|
||||
id: "2", category: "أدوات", title: "أدواتي المفضلة", excerpt: "استعراض للأدوات التي تمنح أعمالي دقة أكبر.", imageSrc: "http://img.b2bpic.net/free-photo/canvas-leaning-studio_23-2148014028.jpg", authorName: "هيلين رستم", authorAvatar: "http://img.b2bpic.net/free-photo/female-artist-painting-studio_1303-11434.jpg", date: "نوفمبر 2023"
|
||||
},
|
||||
{
|
||||
id: "3", category: "معارض", title: "تجربة العرض الأول", excerpt: "مشاعر العرض الفني الأول وكيف كان أثره.", imageSrc: "http://img.b2bpic.net/free-photo/wc-sign-city_23-2150039833.jpg", authorName: "هيلين رستم", authorAvatar: "http://img.b2bpic.net/free-photo/female-artist-painting-studio_1303-11433.jpg", date: "ديسمبر 2023"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="اتصل بنا"
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
title="تواصل مع هيلين رستم"
|
||||
description="هل تود طلب رسم خاص؟ لا تترددي في التواصل معي عبر الإيميل أو متابعتي على المنصات الاجتماعية."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-artist-painting-studio_1303-11453.jpg"
|
||||
imageAlt="young woman artist painting studio"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mocha-watercolor-floral-background_23-2151922918.jpg"
|
||||
logoText="Helen Rustom"
|
||||
columns={[
|
||||
{ title: "روابط سريعة", items: [{ label: "الرئيسية", href: "#hero" }, { label: "عن هيلين", href: "#about" }] },
|
||||
{ title: "الأعمال", items: [{ label: "المعرض", href: "#product" }, { label: "الرسومات", href: "#product" }] },
|
||||
{ title: "تواصل", items: [{ label: "واتساب", href: "#" }, { label: "إنستغرام", href: "#" }] }
|
||||
]}
|
||||
imageAlt="soft romantic floral art texture"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen navItems={navItems} logoText="Webild" />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll title="Welcome" description="This is the home page." background={{ variant: "plain" }} />
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia logoText="Webild" imageSrc="/placeholder.svg" columns={[]} />
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user