Update src/app/page.tsx
This commit is contained in:
282
src/app/page.tsx
282
src/app/page.tsx
@@ -3,10 +3,10 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Work",
|
||||
id: "products",
|
||||
},
|
||||
name: "Work", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Gemma Gilbert"
|
||||
/>
|
||||
@@ -55,66 +47,41 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Gemma Gilbert: Creative Visionary"
|
||||
description="Crafting thoughtful experiences and bold design identities. Bringing artistic passion to every professional project."
|
||||
buttons={[
|
||||
{
|
||||
text: "View My Work",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View My Work", href: "#products"},
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Me", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gypsum-bust-coral-background-with-geometric-shapes_23-2149588226.jpg"
|
||||
imageAlt="Gemma Gilbert Creative Portfolio Hero"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/autumn-still-life-arrangement_23-2149080517.jpg",
|
||||
alt: "Autumn still life arrangement",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/autumn-still-life-arrangement_23-2149080517.jpg", alt: "Autumn still life arrangement"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/autumn-still-life-arrangement_23-2149080525.jpg",
|
||||
alt: "Autumn still life arrangement",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/autumn-still-life-arrangement_23-2149080525.jpg", alt: "Autumn still life arrangement"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/orange-gradient-cardboard-sheets_23-2148320383.jpg",
|
||||
alt: "Orange gradient cardboard sheets",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/orange-gradient-cardboard-sheets_23-2148320383.jpg", alt: "Orange gradient cardboard sheets"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-3d-modern-sphere-with-copy-space_23-2150937487.jpg",
|
||||
alt: "View of 3d modern sphere with copy space",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-3d-modern-sphere-with-copy-space_23-2150937487.jpg", alt: "View of 3d modern sphere with copy space"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-joyful-woman-holding-mobile-phone_171337-4024.jpg",
|
||||
alt: "Portrait of a joyful woman holding mobile phone",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-joyful-woman-holding-mobile-phone_171337-4024.jpg", alt: "Portrait of a joyful woman holding mobile phone"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Brand Design",
|
||||
},
|
||||
type: "text", text: "Brand Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "UX/UI Strategy",
|
||||
},
|
||||
type: "text", text: "UX/UI Strategy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Art Direction",
|
||||
},
|
||||
type: "text", text: "Art Direction"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Digital Media",
|
||||
},
|
||||
type: "text", text: "Digital Media"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Graphic Identity",
|
||||
},
|
||||
type: "text", text: "Graphic Identity"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,19 +93,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Projects Completed",
|
||||
value: "150+",
|
||||
},
|
||||
label: "Projects Completed", value: "150+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Clients",
|
||||
value: "90+",
|
||||
},
|
||||
label: "Happy Clients", value: "90+"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Years Experience",
|
||||
value: "10+",
|
||||
},
|
||||
label: "Years Experience", value: "10+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -151,35 +112,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "feat-1",
|
||||
title: "Artistic Direction",
|
||||
author: "Gemma Gilbert",
|
||||
description: "Guiding projects from concept to final execution.",
|
||||
tags: [
|
||||
"Creative",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lines-shedule-painted-with-colorful-markers-white-paper_171337-11025.jpg",
|
||||
},
|
||||
id: "feat-1", title: "Artistic Direction", author: "Gemma Gilbert", description: "Guiding projects from concept to final execution.", tags: [
|
||||
"Creative"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lines-shedule-painted-with-colorful-markers-white-paper_171337-11025.jpg"},
|
||||
{
|
||||
id: "feat-2",
|
||||
title: "Brand Strategy",
|
||||
author: "Gemma Gilbert",
|
||||
description: "Defining your voice through visual storytelling.",
|
||||
tags: [
|
||||
"Branding",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-items-redecorating-house-with-colored-pencils_23-2148815772.jpg",
|
||||
},
|
||||
id: "feat-2", title: "Brand Strategy", author: "Gemma Gilbert", description: "Defining your voice through visual storytelling.", tags: [
|
||||
"Branding"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-items-redecorating-house-with-colored-pencils_23-2148815772.jpg"},
|
||||
{
|
||||
id: "feat-3",
|
||||
title: "Digital Experience",
|
||||
author: "Gemma Gilbert",
|
||||
description: "Building immersive digital environments.",
|
||||
tags: [
|
||||
"Web",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-girl-denim-sitting-table-with-stationery-touching-computer-screen_197531-4896.jpg",
|
||||
},
|
||||
id: "feat-3", title: "Digital Experience", author: "Gemma Gilbert", description: "Building immersive digital environments.", tags: [
|
||||
"Web"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-girl-denim-sitting-table-with-stationery-touching-computer-screen_197531-4896.jpg"},
|
||||
]}
|
||||
title="Design Capabilities"
|
||||
description="I offer end-to-end creative solutions tailored to your unique brand needs and goals."
|
||||
@@ -194,41 +137,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Creative Campaign",
|
||||
price: "Available",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-while-holding-her-waist_155996-46.jpg",
|
||||
},
|
||||
id: "p1", name: "Creative Campaign", price: "Available", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-while-holding-her-waist_155996-46.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Minimalist Home Decor",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-bedroom-interior-with-floral-art_23-2151982506.jpg",
|
||||
},
|
||||
id: "p2", name: "Minimalist Home Decor", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/pink-bedroom-interior-with-floral-art_23-2151982506.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Creative Workshop Guide",
|
||||
price: "Learning",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-school-supplies-education-day_23-2149241001.jpg",
|
||||
},
|
||||
id: "p3", name: "Creative Workshop Guide", price: "Learning", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-school-supplies-education-day_23-2149241001.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Brand Merchandise",
|
||||
price: "Limited",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-items_23-2150347102.jpg",
|
||||
},
|
||||
id: "p4", name: "Brand Merchandise", price: "Limited", imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-items_23-2150347102.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Gallery Prints",
|
||||
price: "Collector",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-national-art-museum-bucharest-romania-golden-details-marble-painting_1268-19831.jpg",
|
||||
},
|
||||
id: "p5", name: "Gallery Prints", price: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/interior-national-art-museum-bucharest-romania-golden-details-marble-painting_1268-19831.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Toolkit Assets",
|
||||
price: "Digital",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nature-drawing-white-page-with-felt-tip-pen-blue-surface_23-2148118108.jpg",
|
||||
},
|
||||
id: "p6", name: "Toolkit Assets", price: "Digital", imageSrc: "http://img.b2bpic.net/free-photo/nature-drawing-white-page-with-felt-tip-pen-blue-surface_23-2148118108.jpg"},
|
||||
]}
|
||||
title="My Portfolio Highlights"
|
||||
description="Selected collections of recent creative works and professional projects."
|
||||
@@ -242,45 +161,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Wang",
|
||||
handle: "@aw",
|
||||
testimonial: "Gemma transformed our brand identity.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-pointing-camera-smiling_273609-12419.jpg",
|
||||
},
|
||||
id: "t1", name: "Alice Wang", handle: "@aw", testimonial: "Gemma transformed our brand identity.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-pointing-camera-smiling_273609-12419.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob Smith",
|
||||
handle: "@bs",
|
||||
testimonial: "A joy to work with, professional and creative.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021812.jpg",
|
||||
},
|
||||
id: "t2", name: "Bob Smith", handle: "@bs", testimonial: "A joy to work with, professional and creative.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021812.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Clara Jones",
|
||||
handle: "@cj",
|
||||
testimonial: "Impeccable design work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg",
|
||||
},
|
||||
id: "t3", name: "Clara Jones", handle: "@cj", testimonial: "Impeccable design work.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12313.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Lee",
|
||||
handle: "@dl",
|
||||
testimonial: "Gemma is a visionary.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-looking-camera-smiling-spending-time-beach-young-sporty-woman-posing-outdoors_574295-6202.jpg",
|
||||
},
|
||||
id: "t4", name: "David Lee", handle: "@dl", testimonial: "Gemma is a visionary.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-looking-camera-smiling-spending-time-beach-young-sporty-woman-posing-outdoors_574295-6202.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Eva Brown",
|
||||
handle: "@eb",
|
||||
testimonial: "Highly recommended branding.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-camera-red-background-high-quality-photo_114579-60915.jpg",
|
||||
},
|
||||
id: "t5", name: "Eva Brown", handle: "@eb", testimonial: "Highly recommended branding.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-camera-red-background-high-quality-photo_114579-60915.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Feedback"
|
||||
@@ -289,87 +183,73 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
<FaqSplitMedia
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do we start a project?",
|
||||
content: "Reach out through the contact form.",
|
||||
},
|
||||
id: "f1", title: "How do we start a project?", content: "Reach out through the contact form."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is your turnaround time?",
|
||||
content: "Varies by project scale.",
|
||||
},
|
||||
id: "f2", title: "What is your turnaround time?", content: "Varies by project scale."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you work remotely?",
|
||||
content: "Yes, I collaborate globally.",
|
||||
},
|
||||
id: "f3", title: "Do you work remotely?", content: "Yes, I collaborate globally."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-joyful-woman-holding-mobile-phone_171337-4024.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
title="Frequently Asked"
|
||||
description="Quick answers to common questions about working with Gemma Gilbert."
|
||||
faqsAnimation="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready to collaborate? Let's discuss your next project."
|
||||
buttons={[
|
||||
<ContactSplitForm
|
||||
title="Ready to collaborate?"
|
||||
description="Let's discuss your next project."
|
||||
inputs={[
|
||||
{
|
||||
text: "Email Me",
|
||||
href: "mailto:hello@gemmagilbert.com",
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true
|
||||
}
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Tell me about your project"
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-girl-denim-sitting-table-with-stationery-touching-computer-screen_197531-4896.jpg"
|
||||
buttonText="Send Message"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Gemma Gilbert"
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Work",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Work", href: "#products"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Gemma Gilbert Creative. All rights reserved."
|
||||
bottomLeftText="Gemma Gilbert"
|
||||
bottomRightText="© 2024 All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user