Merge version_2 into main #1
299
src/app/page.tsx
299
src/app/page.tsx
@@ -31,66 +31,24 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Portfolio", id: "#portfolio" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="AI Graphix"
|
||||
brandName="AI Artistry"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="AI Graphix"
|
||||
description="Revolutionizing brand identity through state-of-the-art AI-driven design synthesis. Precise, fast, and infinitely creative."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
]}
|
||||
logoText="AI Artistry Studio"
|
||||
description="Pushing the boundaries of visual creation with advanced artificial intelligence. Where prompt engineering meets masterpiece design."
|
||||
buttons={[{ text: "Start Project", href: "#contact" }, { text: "View Gallery", href: "#portfolio" }]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-93108.jpg",
|
||||
imageAlt: "digital art futuristic background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-dark-galaxy-background-starry-sky-road-remix_53876-129797.jpg",
|
||||
imageAlt: "3d abstract geometric shapes",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-neon-lights-wonder-wheel_23-2148328101.jpg",
|
||||
imageAlt: "digital data visualization",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vivid-blurred-colorful-wallpaper-background_58702-3898.jpg",
|
||||
imageAlt: "minimal tech illustration",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-90678.jpg",
|
||||
imageAlt: "liquid chrome abstract",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-data-technology-background-with-low-poly-plexus-design_1048-17287.jpg",
|
||||
imageAlt: "neural network visualization",
|
||||
},
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/digital-art-abstract-composition_23-2149453966.jpg", imageAlt: "AI Generated Abstract" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/futuristic-city-landscape-ai-generated_23-2149463977.jpg", imageAlt: "Futuristic Landscape" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/creative-digital-portrait-design_23-2149503988.jpg", imageAlt: "AI Portrait" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -98,255 +56,100 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Precision Design Powered by AI"
|
||||
description="We bridge the gap between complex algorithmic processing and human-centric design, delivering assets that feel both engineered and inspired."
|
||||
title="AI-Centric Design Philosophy"
|
||||
description="We don't just use tools; we collaborate with neural networks to produce visuals that are mathematically precise yet emotionally resonant. Our process blends human creative direction with the infinite possibilities of synthetic generation."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Algorithmic Speed",
|
||||
description: "Rapid turnaround without compromising on artistic quality.",
|
||||
},
|
||||
{
|
||||
title: "Infinite Iterations",
|
||||
description: "Explore endless stylistic possibilities through AI refinement.",
|
||||
},
|
||||
{
|
||||
title: "Brand Cohesion",
|
||||
description: "Consistency in design across all digital touchpoints.",
|
||||
},
|
||||
{ title: "Deep Learning Aesthetic", description: "Leveraging state-of-the-art models for unique textures." },
|
||||
{ title: "Rapid Prototyping", description: "Turn concepts into visual realities in minutes." },
|
||||
{ title: "Scale & Complexity", description: "Infinite variations for high-end campaigns." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/robot-with-empty-computer-window_1048-3599.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/graphic-designer-working-on-computer_23-2149673999.jpg"
|
||||
imageAlt="Designer at work"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Design Services"
|
||||
description="Comprehensive creative services powered by the latest in AI innovation."
|
||||
features={[
|
||||
{
|
||||
title: "Brand Identity",
|
||||
description: "Logos and complete visual systems designed by intelligence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-collage-concept_23-2149595844.jpg",
|
||||
imageAlt: "automated design workflow concept",
|
||||
},
|
||||
{
|
||||
title: "Digital Assets",
|
||||
description: "High-impact banners, UI elements, and marketing visuals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-tropical-bird-illustration_23-2151875079.jpg",
|
||||
imageAlt: "vector graphics ai generated",
|
||||
},
|
||||
{
|
||||
title: "Abstract Art",
|
||||
description: "Custom textures and imagery for premium brand presence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-fluorescent-make-up-person-face_23-2148410083.jpg",
|
||||
imageAlt: "branding ai identity",
|
||||
},
|
||||
{ title: "Visual Identity", description: "Complete branding systems synthesized via AI.", imageSrc: "https://img.b2bpic.net/free-photo/brand-identity-mockup_23-2149724010.jpg" },
|
||||
{ title: "Editorial Imagery", description: "High-end editorial visuals for marketing.", imageSrc: "https://img.b2bpic.net/free-photo/abstract-editorial-design_23-2149784021.jpg" },
|
||||
{ title: "Artistic Textures", description: "Custom textures and pattern design.", imageSrc: "https://img.b2bpic.net/free-photo/digital-texture-background_23-2149854032.jpg" }
|
||||
]}
|
||||
title="Design Capabilities"
|
||||
description="Comprehensive creative services optimized by cutting-edge neural models."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="blur-reveal"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
title="Portfolio Highlights"
|
||||
description="Selected works created entirely through AI-driven design workflows."
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Tech Startup Logo",
|
||||
price: "Featured",
|
||||
variant: "Branding",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/action-process-directions-performance-verification-icon_53876-121215.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Gaming Dashboard",
|
||||
price: "UI Design",
|
||||
variant: "Dashboard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-rainbow-abstract-flowing-particles_1048-13584.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Abstract Digital Print",
|
||||
price: "Art",
|
||||
variant: "Print",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-pink-background-trippy-yellow-rose-flower_53876-126776.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "AI SaaS Interface",
|
||||
price: "Web App",
|
||||
variant: "UI/UX",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-glasses-liquid-with-shadow-yellow-background_23-2147949153.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Luxury Fashion Campaign",
|
||||
price: "Editorial",
|
||||
variant: "Fashion",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-raccoon-whimsical-pink-forest_23-2152029032.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Mobile Interaction UI",
|
||||
price: "UX Case",
|
||||
variant: "Interaction",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curvy-creative-abstract-wavy-effects-color-curves-flow-minimalist-luxury-stylish-trendy-colorful-wav_1258-150874.jpg",
|
||||
},
|
||||
{ id: "1", name: "Neo-Chrome Campaign", price: "Editorial", variant: "High Fashion", imageSrc: "https://img.b2bpic.net/free-photo/neo-chrome-visual_23-2150014043.jpg" },
|
||||
{ id: "2", name: "SaaS Dashboard UI", price: "Web App", variant: "UI/UX", imageSrc: "https://img.b2bpic.net/free-photo/saas-interface-design_23-2150074054.jpg" },
|
||||
{ id: "3", name: "Synthetic Landscapes", price: "Art", variant: "Limited Print", imageSrc: "https://img.b2bpic.net/free-photo/synthetic-landscape-art_23-2150144065.jpg" }
|
||||
]}
|
||||
title="Selected Work"
|
||||
description="Showcasing the intersection of AI innovation and visual storytelling."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Client Success Stories"
|
||||
description="See how brands are transforming their visual output with our studio."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Incredible Speed",
|
||||
quote: "The speed at which AI Graphix delivered our branding assets was unparalleled.",
|
||||
name: "Sarah Miller",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Future Focused",
|
||||
quote: "Their use of AI adds a layer of depth we hadn't seen elsewhere.",
|
||||
name: "James Chen",
|
||||
role: "Engineer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-businesswoman-indoors_23-2148824826.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Creative Freedom",
|
||||
quote: "I love how they let us iterate through endless possibilities.",
|
||||
name: "Mia Rossi",
|
||||
role: "Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-gallery-space-with-illuminated-platform_23-2151986965.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Pixel Perfect",
|
||||
quote: "Technically flawless design that meets modern standards effortlessly.",
|
||||
name: "David Kim",
|
||||
role: "Product Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-office-by-window_1303-21128.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Game Changer",
|
||||
quote: "Working with AI-assisted design has completely changed our pipeline.",
|
||||
name: "Elena Vance",
|
||||
role: "Product Mgr",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg",
|
||||
},
|
||||
{ id: "1", title: "Unmatched Creativity", quote: "AI Artistry delivered concepts that exceeded our wildest expectations.", name: "Alex Rivers", role: "Director" },
|
||||
{ id: "2", title: "Lightning Fast", quote: "The iteration process is remarkably fast and results-oriented.", name: "Jordan Lee", role: "Founder" }
|
||||
]}
|
||||
title="Voices of Innovation"
|
||||
description="See why top-tier innovators trust our AI-driven design studio."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Studio Impact"
|
||||
description="Metrics that define our creative efficiency."
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "10x",
|
||||
title: "Output Velocity",
|
||||
items: [
|
||||
"Faster iteration cycles",
|
||||
"Increased efficiency",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "99%",
|
||||
title: "Client Satisfaction",
|
||||
items: [
|
||||
"High precision feedback",
|
||||
"High impact deliverables",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "500+",
|
||||
title: "Projects Completed",
|
||||
items: [
|
||||
"Diverse industries",
|
||||
"Professional reliability",
|
||||
],
|
||||
},
|
||||
{ id: "1", value: "500+", title: "Assets Generated", items: ["Branding units", "Texture sets"] },
|
||||
{ id: "2", value: "15x", title: "Production Speed", items: ["Reduced timelines", "High volume output"] },
|
||||
{ id: "3", value: "98%", title: "Visual Accuracy", items: ["Prompt fidelity", "Style precision"] }
|
||||
]}
|
||||
title="Core Performance"
|
||||
description="Data-driven results for a data-driven world."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How does AI design work?",
|
||||
content: "We combine human creativity with advanced diffusion and neural model prompting.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I request specific styles?",
|
||||
content: "Yes, our AI design model is highly controllable through precise style prompts.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What about ownership?",
|
||||
content: "All final assets provided are fully yours to utilize for any commercial application.",
|
||||
},
|
||||
{ id: "1", title: "How is the design unique?", content: "We train bespoke models for each client to ensure original output." },
|
||||
{ id: "2", title: "What is the turnaround?", content: "Initial drafts are typically delivered within 24-48 hours." }
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
sideTitle="FAQ"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Let's Collaborate"
|
||||
title="Start Your AI Journey"
|
||||
description="Ready to redefine your visual identity? Let's talk design."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/server-room-tech-support-employee-using-ai-tablet-guide-clients-technician-data-center_482257-136472.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
tag="Collaboration"
|
||||
title="Launch Your Vision"
|
||||
description="Ready to integrate AI into your design workflow? Let's begin."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="AI Graphix"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
logoText="AI Artistry"
|
||||
leftLink={{ text: "Privacy", href: "#" }}
|
||||
rightLink={{ text: "Terms", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user