Merge version_4 into main #3
208
src/app/page.tsx
208
src/app/page.tsx
@@ -31,21 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Market",
|
||||
id: "products",
|
||||
},
|
||||
name: "Market", id: "products"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Register", id: "/register"},
|
||||
{
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="SGH ART ONLINE"
|
||||
/>
|
||||
@@ -54,65 +48,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="SGH ART ONLINE: Where Masterpieces Find New Homes"
|
||||
description="Discover, buy, and sell exclusive paintings and sculptures. Your gateway to premium art in bold red and black hues."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Selling",
|
||||
href: "#",
|
||||
},
|
||||
text: "Register", href: "/register"},
|
||||
{
|
||||
text: "Explore Gallery",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Gallery", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-close-up-view-flour-flour-table_140725-74232.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/nail-polish-texture_23-2148111031.jpg",
|
||||
alt: "Nail polish texture",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/nail-polish-texture_23-2148111031.jpg", alt: "Nail polish texture"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-composition-wallpaper-background-concept_1194-617442.jpg",
|
||||
alt: "abstract composition wallpaper or background concept",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-composition-wallpaper-background-concept_1194-617442.jpg", alt: "abstract composition wallpaper or background concept"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lava-with-sparkling-water-drops_23-2148227197.jpg",
|
||||
alt: "Lava with sparkling water drops ",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lava-with-sparkling-water-drops_23-2148227197.jpg", alt: "Lava with sparkling water drops "},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/glitter-texture-background_23-2148110699.jpg",
|
||||
alt: "Glitter texture background",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/glitter-texture-background_23-2148110699.jpg", alt: "Glitter texture background"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/painting-concept-with-brushes_23-2147781600.jpg",
|
||||
alt: "Painting concept with brushes",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/painting-concept-with-brushes_23-2147781600.jpg", alt: "Painting concept with brushes"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Curation",
|
||||
},
|
||||
type: "text", text: "Premium Curation"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Global Marketplace",
|
||||
},
|
||||
type: "text", text: "Secure Global Marketplace"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Unique Art Pieces",
|
||||
},
|
||||
type: "text", text: "Unique Art Pieces"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artist-First Platform",
|
||||
},
|
||||
type: "text", text: "Artist-First Platform"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Worldwide Delivery",
|
||||
},
|
||||
type: "text", text: "Fast Worldwide Delivery"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,17 +94,11 @@ export default function LandingPage() {
|
||||
description="SGH Art Online connects creators and collectors. Register now to join our secure art ecosystem where every purchase and sale is handled with professional care."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Verified Sellers",
|
||||
description: "Every artist is vetted to ensure authenticity.",
|
||||
},
|
||||
title: "Verified Sellers", description: "Every artist is vetted to ensure authenticity."},
|
||||
{
|
||||
title: "Secure Payments",
|
||||
description: "Supports instant transfers and PayPal for complete peace of mind.",
|
||||
},
|
||||
title: "Secure Payments", description: "Supports instant transfers and PayPal for complete peace of mind."},
|
||||
{
|
||||
title: "Exclusive Curations",
|
||||
description: "Curated collections of unique sculptures and paintings.",
|
||||
},
|
||||
title: "Exclusive Curations", description: "Curated collections of unique sculptures and paintings."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-paint-brushes-jar-with-copy-space_23-2148591263.jpg"
|
||||
mediaAnimation="opacity"
|
||||
@@ -150,41 +113,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Crimson Abstract Canvas",
|
||||
price: "€450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skull-flower-arrangement-still-life_23-2150569387.jpg",
|
||||
},
|
||||
id: "1", name: "Crimson Abstract Canvas", price: "€450", imageSrc: "http://img.b2bpic.net/free-photo/skull-flower-arrangement-still-life_23-2150569387.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Obsidian Sculpture",
|
||||
price: "€800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mixed-red-crystalline-water-waves_23-2148358186.jpg",
|
||||
},
|
||||
id: "2", name: "Obsidian Sculpture", price: "€800", imageSrc: "http://img.b2bpic.net/free-photo/mixed-red-crystalline-water-waves_23-2148358186.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Red Ink Masterpiece",
|
||||
price: "€600",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-products-flowers-arrangement_23-2149270037.jpg",
|
||||
},
|
||||
id: "3", name: "Red Ink Masterpiece", price: "€600", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-products-flowers-arrangement_23-2149270037.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Black Geometry Form",
|
||||
price: "€350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-concept-human_23-2150688619.jpg",
|
||||
},
|
||||
id: "4", name: "Black Geometry Form", price: "€350", imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-concept-human_23-2150688619.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Scarlet Flow Painting",
|
||||
price: "€950",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-edge-art-wall-graphic_1194-9532.jpg",
|
||||
},
|
||||
id: "5", name: "Scarlet Flow Painting", price: "€950", imageSrc: "http://img.b2bpic.net/free-photo/dark-edge-art-wall-graphic_1194-9532.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Midnight Resin Art",
|
||||
price: "€700",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spanish-traditional-items-arrangement_23-2150104897.jpg",
|
||||
},
|
||||
id: "6", name: "Midnight Resin Art", price: "€700", imageSrc: "http://img.b2bpic.net/free-photo/spanish-traditional-items-arrangement_23-2150104897.jpg"},
|
||||
]}
|
||||
title="Art Catalog"
|
||||
description="Browse our latest arrivals. Unique pieces in red and black finishes."
|
||||
@@ -199,20 +138,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5000+",
|
||||
description: "Active Artists",
|
||||
},
|
||||
id: "m1", value: "5000+", description: "Active Artists"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12000+",
|
||||
description: "Artworks Sold",
|
||||
},
|
||||
id: "m2", value: "12000+", description: "Artworks Sold"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Secure Transactions",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Secure Transactions"},
|
||||
]}
|
||||
title="Our Community Growth"
|
||||
description="Join thousands of art enthusiasts today."
|
||||
@@ -224,30 +154,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Elena R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-artist-holding-his-paint-brushes_23-2150213706.jpg",
|
||||
},
|
||||
id: "t1", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/male-artist-holding-his-paint-brushes_23-2150213706.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marco G.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-artist-holding-brush-canvas-black-background_114579-26063.jpg",
|
||||
},
|
||||
id: "t2", name: "Marco G.", imageSrc: "http://img.b2bpic.net/free-photo/woman-artist-holding-brush-canvas-black-background_114579-26063.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sofia V.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-crossed-her-legs-holds-palette-with-oils_8353-10791.jpg",
|
||||
},
|
||||
id: "t3", name: "Sofia V.", imageSrc: "http://img.b2bpic.net/free-photo/girl-crossed-her-legs-holds-palette-with-oils_8353-10791.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Luca D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-couple-draws-art-studio_1157-30470.jpg",
|
||||
},
|
||||
id: "t4", name: "Luca D.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-couple-draws-art-studio_1157-30470.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Giulia B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curly-girl-sits-floor-smiling-draws-painting_8353-10806.jpg",
|
||||
},
|
||||
id: "t5", name: "Giulia B.", imageSrc: "http://img.b2bpic.net/free-photo/curly-girl-sits-floor-smiling-draws-painting_8353-10806.jpg"},
|
||||
]}
|
||||
cardTitle="Artist Voices"
|
||||
cardTag="Testimonials"
|
||||
@@ -261,20 +176,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How to register?",
|
||||
content: "Simply click the sign-up button and complete your profile.",
|
||||
},
|
||||
id: "f1", title: "How to register?", content: "Simply click the register button to join our art community."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What payments are accepted?",
|
||||
content: "We accept PayPal and instant/regular bank transfers.",
|
||||
},
|
||||
id: "f2", title: "What payments are accepted?", content: "We securely accept PayPal and direct bank transfers."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is my data safe?",
|
||||
content: "Security is our priority; your personal data is fully encrypted.",
|
||||
},
|
||||
id: "f3", title: "Is my data safe?", content: "Security is our priority; your personal data is fully encrypted."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about SGH Art Online."
|
||||
@@ -286,8 +192,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Need Support?"
|
||||
description="Have questions about a sculpture or need assistance? Reach out to our support team anytime."
|
||||
@@ -301,42 +206,27 @@ export default function LandingPage() {
|
||||
logoText="SGH ART ONLINE"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Art",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Art", href: "#products"},
|
||||
{
|
||||
label: "Sell Art",
|
||||
href: "#",
|
||||
},
|
||||
label: "Register", href: "/register"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
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 Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Use", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
84
src/app/register/page.tsx
Normal file
84
src/app/register/page.tsx
Normal file
@@ -0,0 +1,84 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
|
||||
export default function RegisterPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/#about" },
|
||||
{ name: "Market", id: "/#products" },
|
||||
{ name: "Register", id: "/register" },
|
||||
{ name: "FAQ", id: "/#faq" },
|
||||
]}
|
||||
brandName="SGH ART ONLINE"
|
||||
/>
|
||||
|
||||
<div className="pt-32 pb-16">
|
||||
<ContactSplitForm
|
||||
title="Register for SGH Art Online"
|
||||
description="Join our community of artists and collectors. Securely process your account and handle payments via bank transfer or PayPal."
|
||||
inputs={[
|
||||
{ name: "fullName", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number" }
|
||||
]}
|
||||
multiSelect={{
|
||||
name: "accountType",
|
||||
label: "I am a...",
|
||||
options: ["Collector", "Artist"]
|
||||
}}
|
||||
textarea={{
|
||||
name: "bio", placeholder: "Tell us about your art preferences..."
|
||||
}}
|
||||
buttonText="Create Account"
|
||||
onSubmit={(data) => console.log("Registering user:", data)}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FooterBaseReveal
|
||||
logoText="SGH ART ONLINE"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{ label: "All Art", href: "/#products" },
|
||||
{ label: "Register", href: "/register" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/#about" },
|
||||
{ label: "Contact", href: "/#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Use", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user