AI定制创造个人图标的网站的展示

2.create/_components

HeadingDescription.jsx

import React from 'react'

function HeadingDescription({title,description})

{

    return(

        <div>

            <h2 className='font-bold text-3xl text-primary'>{title}</h2>

            <p className='text-lg text-gray-500 mt-2'>{description}</p>

        </div>

    )

}

export default HeadingDescription

3.LogoColorPalette.jsx

import React from 'react'

function LogoPalette()

{

    return (

        <div>LogoPalette</div>

 

    )

 

}

export default LogoPalette

4.LogoDesc.jsx

import React from 'react'

import HeadingDescription from './HeadingDescription'

import Lookup from '@/app/_data/Lookup'

function LogoDesc({onHandleInputChange})

{

    return (

        <div className='my-10'>

            <HeadingDescription

                title={Lookup.LogoDescTitle}

                description={Lookup.LogoDescDesc}

            />

             <input type='text' placeholder={Lookup.InputTitlePlaceholder}

                    className='p-4 border rounded-lg mt-5 w-full'

                    onChange={(e)=>onHandleInputChange(e.target.value)}

                    />

        </div>

 

    )

 

}

export default LogoDesc

5.LogoDesigin.jsx

import React from 'react'

function LogoDesigns()

{

    return (

        <div>LogoDesigns</div>

 

    )

 

}

export default LogoDesigns

6.LogoIdea.jsx

import React from 'react'

function LogoIdea()

{

    return (

        <div>LogoIdea</div>

 

    )

 

}

export default LogoIdea

7.LogoTitle.jsx

'use client'

import React, {useState} from 'react'

import HeadingDescription from './HeadingDescription'

import Lookup from '@/app/_data/Lookup'

import { useSearchParams } from 'next/navigation'

function LogoTitle({onHandleInputChange}){

    const searchParam=useSearchParams();

    const [title,setTitle]=useState(searchParam?.get('title')??'')

    return (

        <div className='my-10'>

        <HeadingDescription title={Lookup?.LogoTitle}

        description={Lookup.LogoTitleDesc}

        />

        <input type='text' placeholder={Lookup.InputTitlePlaceholder}

        className='p-4 border rounded-lg mt-5 w-full'

        default={title}

        onChange={(e)=>onHandleInputChange(e.target.value)}

        />

        </div>

    )

}

export default LogoTitle

8.